[rewrite] Updated frontend structure and played with custom routes

frontend/src/components/skip-to-main.tsx

@@ -1,12 +1,11 @@
 const SkipToMain = () => {
-  return (
-    <a
-      className={`fixed left-44 z-[999] -translate-y-52 whitespace-nowrap bg-primary px-4 py-2 text-sm font-medium text-primary-foreground opacity-95 shadow transition hover:bg-primary/90 focus:translate-y-3 focus:transform focus-visible:ring-1 focus-visible:ring-ring`}
-      href='#content'
-    >
-      Skip to Main
-    </a>
-  )
-}
+	return (
+		<a
+			className={`fixed left-44 z-[999] -translate-y-52 whitespace-nowrap bg-primary px-4 py-2 text-sm font-medium text-primary-foreground opacity-95 shadow transition hover:bg-primary/90 focus:translate-y-3 focus:transform focus-visible:ring-1 focus-visible:ring-ring`}
+			href="#content">
+			Skip to Main
+		</a>
+	);
+};
 
-export default SkipToMain
+export default SkipToMain;