[Feat/scroll-97] ✨ feat: 시리즈 폴더 자동 스크롤 추가

src/app/(layout)/(shell)/(category)/[category]/_components/series/SeriesFolder.tsx

@@ -8,6 +8,17 @@ interface Props {
 }
 
 export default function SeriesFolder({ visible, activeId, onSelect }: Props) {
+    const handleClick = (id: string) => {
+    onSelect(id);
+    const target = document.getElementById("series-post-section");
+    if (target) {
+      target.scrollIntoView({
+        behavior: "smooth",
+        block: "start",
+      });
+    }
+  };
+
   return (
     <section>
       <div className="-ml-4 flex gap-7">
@@ -22,7 +33,7 @@ export default function SeriesFolder({ visible, activeId, onSelect }: Props) {
               postCount={series.postCount}
               tone={series.tone}
               isActive={isActive}
-              onClick={() => onSelect(series.id)}
+              onClick={() => handleClick(series.id)}
             />
           );
         })}

src/app/(layout)/(shell)/(category)/[category]/_components/series/SeriesPostList.tsx

@@ -32,7 +32,7 @@ export default function SeriesPostList({
   const seriesMeta = series ? getSeriesMeta(series) : null;
 
   return (
-    <section className="mt-10">
+    <section id="series-post-section" className="mt-10 scroll-mt-24">
       <div>
         <h2 className="text-3xl font-bold">{seriesMeta?.name ?? "모아보기"}</h2>
 

src/components/common/fallback/BrowseFallback.tsx

@@ -7,7 +7,7 @@ interface BrowseFallbackProps {
 
 export default function BrowseFallback({
   title = "보아뱀이 글을 삼키는 중이에요.",
-  description = "잠시 구경하고 오시면, 더 맛있게 정리해 둘게요.",
+  description = "조금만 기다리면 더 맛있게 정리될 거예요.",
 }: BrowseFallbackProps) {
   return (
     <section className="flex flex-col items-center justify-center gap-4 mt-10 py-14 text-center">