[feat] add loading screen and bar

app/layout.js

@@ -1,20 +1,22 @@
+"use client";
 import "./globals.css";
 import Navbar from "@/components/Navbar";
-import Sidebar from "@/components/Sidebar";
 import { config } from '@fortawesome/fontawesome-svg-core'
 import '@fortawesome/fontawesome-svg-core/styles.css'
 config.autoAddCss = false
 
+
+import TopProgressBar from "@/components/TopProgressBar";
+import "./nprogress.css";
 export const metadata = {
 	title: "Create Next App",
 	description: "Generated by create next app",
 };
-
 export default function RootLayout({ children }) {
-
 	return (
 		<html lang="en">
 			<body>
+				<TopProgressBar />
 				<Navbar />
 				{children}
 			</body>