feat(ui): add global progress bar for navigation feedback

src/app/layout.tsx

@@ -5,8 +5,9 @@ import Script from "next/script";
 import { NextIntlClientProvider } from "next-intl";
 import { getLocale, getMessages } from "next-intl/server";
 
-import type { ReactNode } from "react";
+import { type ReactNode, Suspense } from "react";
 import { Toaster } from "sonner";
+import { GlobalProgressBar } from "@/components/global-progress-bar";
 import { PwaRegister } from "@/components/pwa-register";
 import { ScopedThemeVars } from "@/components/scoped-theme-vars";
 import { ThemeScopeDetector } from "@/components/theme-scope-detector";
@@ -96,6 +97,9 @@ export default async function RootLayout({
 				className="flex min-h-screen flex-col site-bg"
 				style={{ backgroundColor: "var(--color-background)" }}
 			>
+				<Suspense fallback={null}>
+					<GlobalProgressBar />
+				</Suspense>
 				<NextIntlClientProvider locale={locale} messages={messages}>
 					<ThemeVars nonce={nonce} />
 					<ScopedThemeVars nonce={nonce} />