♻️ Fix: 랜딩 페이지 하단에서 리스트로 이동했을 때 페이지 하단으로 이동하는 이슈 해결

src/App.jsx

@@ -3,6 +3,7 @@ import { gsap } from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 import { useEffect, useRef } from "react";
 import { Route, Routes } from "react-router-dom";
+import ScrollToTop from "./components/ScrollTop";
 import Toastify from "./components/Toastify";
 import { CreditProvider } from "./context/CreditContext";
 import DefaultLayout from "./layouts/DefaultLayout";
@@ -40,6 +41,7 @@ function App() {
 	return (
 		<CreditProvider>
 			<Toastify />
+			<ScrollToTop />
 			<Routes>
 				<Route index element={<Landing />} />
 				<Route path="/" element={<DefaultLayout />}>

src/components/ScrollTop.jsx

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+export default function ScrollToTop() {
+	const { pathname } = useLocation();
+
+	useEffect(() => {
+		if (pathname) {
+			window.scrollTo(0, 0);
+		}
+	}, [pathname]);
+
+	return null;
+}