feat: implement global page navigation progress bar using Radix UI

app/layout.tsx

@@ -69,6 +69,7 @@ export const metadata: Metadata = {
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { Toaster } from "sonner";
 import { ThemeProvider } from "@/components/theme-provider";
+import { PageProgress } from "@/components/page-progress";
 
 export default function RootLayout({
   children,
@@ -82,6 +83,7 @@ export default function RootLayout({
       suppressHydrationWarning
     >
       <body className={`${anuphan.className} ${geistSans.className}`}>
+        <PageProgress />
         <ThemeProvider
           attribute="class"
           defaultTheme="system"