Merge pull request #18 from database-playground/pan93412/dbp-49-implement-loading-bar-for-admin-page

DBP-49: Implement loading bar for admin page

Author: pan93412

app/layout.tsx

@@ -4,6 +4,7 @@ import "./globals.css";
 import { Toaster } from "@/components/ui/sonner";
 import { getAuthToken } from "@/lib/auth";
 import { ApolloWrapper } from "@/providers/use-apollo";
+import { ProgressProvider } from "@/providers/use-progress-provider";
 import { PreloadResources } from "./preload-resources";
 
 const geistSans = Geist({
@@ -48,7 +49,7 @@ export default async function RootLayout({
         `}
       >
         <ApolloWrapper token={token}>
-          {children}
+          <ProgressProvider>{children}</ProgressProvider>
         </ApolloWrapper>
         <Toaster />
       </body>

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@apollo/client": "4.0.5",
     "@apollo/client-integration-nextjs": "^0.13.1",
+    "@bprogress/next": "^3.2.12",
     "@graphql-codegen/client-preset": "^5.0.1",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-alert-dialog": "^1.1.15",
@@ -47,7 +48,7 @@
     "remark-html": "^16.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
-    "zod": "^4.1.8"
+    "zod": "^4.1.9"
   },
   "devDependencies": {
     "@0no-co/graphqlsp": "^1.15.0",
@@ -57,14 +58,14 @@
     "@graphql-typed-document-node/core": "^3.2.0",
     "@parcel/watcher": "^2.5.1",
     "@tailwindcss/postcss": "^4.1.13",
-    "@types/node": "^24.5.0",
+    "@types/node": "^24.5.2",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "@typescript-eslint/parser": "^8.44.0",
     "dprint": "^0.50.2",
     "eslint": "^9.35.0",
     "eslint-config-next": "15.5.3",
-    "eslint-plugin-better-tailwindcss": "^3.7.8",
+    "eslint-plugin-better-tailwindcss": "^3.7.9",
     "eslint-plugin-react-hooks": "^5.2.0",
     "tailwindcss": "^4.1.13",
     "tw-animate-css": "^1.3.8",