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/(dashboard)/devices/page.tsx

@@ -1,5 +1,15 @@
+import { auth } from "@/lib/auth";
+import { headers } from "next/headers";
+
 export default async function Devices() {
-	return <div>
-		<h2>Devices</h2>
-	</div>;
+	const session = await auth.api.getSession({
+		headers: await headers(),
+	});
+
+	return (
+		<div>
+			<h2>Server session</h2>
+			<pre>{JSON.stringify(session?.user, null, 2)}</pre>
+		</div>
+	);
 }