feat: add admin and dashboard layouts with context for improved structure and functionality

app/root.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react'
 import {
   isRouteErrorResponse,
   Links,
@@ -18,10 +19,6 @@ export const links: Route.LinksFunction = () => [
     href: 'https://fonts.gstatic.com',
     crossOrigin: 'anonymous',
   },
-  {
-    rel: 'stylesheet',
-    href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
-  },
 ]
 
 export const meta = ({ location }: Route.MetaArgs) => {
@@ -39,7 +36,7 @@ export const meta = ({ location }: Route.MetaArgs) => {
   ]
 }
 
-export function Layout({ children }: { children: React.ReactNode }) {
+export function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en">
       <head>