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)/payments/page.tsx

@@ -1,17 +1,14 @@
-'use client'
-import { PhoneInput } from '@/components/ui/phone-input'
-import React from 'react'
+"use client";
+import { authClient } from "@/lib/auth-client";
+import React from "react";
 
 export default function MyPayments() {
-  return (
-    <div>
-      <PhoneInput
-        id="phone-number"
-        name="phoneNumber"
-        placeholder="Enter phone number"
-        defaultCountry="MV"
-      />
-    </div>
+	const session = authClient.useSession();
 
-  )
+	return (
+		<div>
+			<h3>Client session</h3>
+			<pre>{JSON.stringify(session.data, null, 2)}</pre>
+		</div>
+	);
 }