product and sales fixers

Frontend/erp-system/app/layout.tsx

@@ -1,6 +1,8 @@
 import type { Metadata } from "next";
 import { Inter, Geist_Mono } from "next/font/google";
+import { Suspense } from "react";
 import { Providers } from "@/components/providers";
+import { RouteProgress } from "@/components/Layouts/RouteProgress";
 import "./globals.css";
 
 const inter = Inter({
@@ -31,6 +33,10 @@ export default function RootLayout({
       suppressHydrationWarning
     >
       <body className="min-h-full flex flex-col">
+        {/* useSearchParams needs a Suspense boundary to keep pages statically renderable. */}
+        <Suspense fallback={null}>
+          <RouteProgress />
+        </Suspense>
         <Providers>{children}</Providers>
       </body>
     </html>