Refactor authentication and dashboard components

- Updated login and signup pages to include session checks and redirection based on user authentication status.
- Introduced QueryProvider for managing server state in the application.
- Enhanced user experience by integrating session management in the devices and payments dashboard.
- Added new user management features with role-based access control in the sidebar.
- Created new components for user devices and payments, improving the overall structure and maintainability of the dashboard.
- Implemented a table component for better data presentation in user-related views.

app/layout.tsx

@@ -1,10 +1,11 @@
-import type { Metadata } from "next";
-import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
-import { Barlow } from "next/font/google";
-import NextTopLoader from 'nextjs-toploader';
-import { Toaster } from 'sonner'
 
+import type { Metadata } from "next";
+import { Barlow } from "next/font/google";
+import NextTopLoader from "nextjs-toploader";
+import { Toaster } from "sonner";
+import "./globals.css";
+import QueryProvider from "@/components/query-provider";
 const barlow = Barlow({
 	subsets: ["latin"],
 	weight: ["100", "300", "400", "500", "600", "700", "800", "900"],
@@ -32,7 +33,7 @@ export default function RootLayout({
 					enableSystem
 					disableTransitionOnChange
 				>
-					{children}
+					<QueryProvider>{children}</QueryProvider>
 				</ThemeProvider>
 			</body>
 		</html>