setup for next project

src/App.jsx

@@ -14,7 +14,8 @@ import ImageSlider from "@/pages/ImageSlider";
 import LoadMoreData from "./pages/LoadMoreData";
 import TreeView from "./pages/tree-view/TreeView";
 import QRCodeGenerator from "./pages/QRCodeGenerator";
-import LightDarkMode from "./pages/light-dark-mode/light-dark-mode";
+import LightDarkMode from "./pages/light-dark-mode/Light-dark-mode";
+import { ScrollIndicator } from "./pages/ScrollIndicator";
 
 function App() {
   return (
@@ -44,6 +45,8 @@ function App() {
           <Route path="qr-code-generator" element={<QRCodeGenerator />} />
           {/* Light Dark Mode */}
           <Route path='light-dark-mode' element={<LightDarkMode />} />
+          {/* Scroll Indicator */}
+          <Route path="scroll-indicator" element={<ScrollIndicator />} />
 
           {/* Error Page */}
           <Route path="*" element={<NotFound />} />

src/data/projects.js

@@ -38,6 +38,11 @@ export const projects = [
     id: 8,
     name: 'Light Dark Mode',
     path: 'light-dark-mode',
+  },
+  {
+    id: 9,
+    name: 'Scroll Indicator',
+    path: 'scroll-indicator',
   }
 ];
 

src/pages/ScrollIndicator.jsx

@@ -0,0 +1,5 @@
+export const ScrollIndicator = () => {
+  return (
+    <div>ScrollIndicator</div>
+  )
+}