F(frontend): add route loading feedback

src/app/layout.tsx

@@ -1,8 +1,10 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
+import { Suspense } from "react";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import Providers from "@/components/providers";
+import RouteProgress from "@/components/RouteProgress";
 import { siteUrl } from "@/lib/site";
 import "../index.css";
 
@@ -33,6 +35,9 @@ export default function RootLayout({
     <html lang="fa" dir="rtl" suppressHydrationWarning>
       <body className={`${vazirmatn.variable} font-sans antialiased`}>
         <Providers>
+          <Suspense fallback={null}>
+            <RouteProgress />
+          </Suspense>
           <Navbar />
           {children}
           <Footer />