Add @bprogress/next dependency and update layout to use Providers component

components/providers.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ThemeProvider } from "@/components/theme/theme-context";
+import { ProgressProvider } from "@bprogress/next/app";
+
+const Providers = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <ThemeProvider>
+      <ProgressProvider
+        height="calc(var(--spacing) * 1)"
+        color="var(--primary)"
+        options={{ showSpinner: false }}
+        shallowRouting
+      >
+        {children}
+      </ProgressProvider>
+    </ThemeProvider>
+  );
+};
+
+export default Providers;