feat(web): top loading indicator

apps/web/package.json

@@ -35,6 +35,7 @@
     "moment": "^2.30.1",
     "next": "^14.2.0",
     "next-auth": "beta",
+    "nextjs-toploader": "^1.6.12",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-icons": "^5.2.0",

apps/web/src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata, Viewport } from "next";
 import { Analytics } from "@vercel/analytics/react";
 import { GeistMono } from "geist/font/mono";
 import { GeistSans } from "geist/font/sans";
+import NextTopLoader from "nextjs-toploader";
 
 import { cn } from "@tanya.in/ui";
 import { ThemeToggle } from "@tanya.in/ui/theme";
@@ -71,6 +72,7 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
           GeistMono.variable,
         )}
       >
+        <NextTopLoader color="#FFBC05" showSpinner={false} />
         <Providers>
           <SessionProvider session={session}>
             {props.children}