Add Agreements page, enhance Devices and Users components with sorting and filtering options, and implement user verification dialogs

- Introduced a new Agreements page for managing agreements in the dashboard.
- Enhanced the Devices page by adding sorting and filtering options for better device management.
- Updated the Users page to include sorting functionality and improved layout.
- Implemented user verification and rejection dialogs for better user management.
- Added InputReadOnly component for displaying user information in a read-only format.
- Refactored search component to improve usability and visual consistency.

components/auth/application-layout.tsx

@@ -15,7 +15,6 @@ import {
 	SidebarTrigger,
 } from "@/components/ui/sidebar";
 import { auth } from "@/lib/auth";
-import prisma from "@/lib/db";
 import { headers } from "next/headers";
 import { AccountPopover } from "./account-popver";
 
@@ -25,11 +24,7 @@ export async function ApplicationLayout({
 	const session = await auth.api.getSession({
 		headers: await headers()
 	});
-	const user = await prisma.user.findUnique({
-		where: {
-			id: session?.user?.id,
-		},
-	});
+
 	return (
 		<SidebarProvider>
 			<AppSidebar role={session?.user?.role || "USER"} />
@@ -53,7 +48,7 @@ export async function ApplicationLayout({
 
 					<div className="flex items-center gap-2">
 						<ModeToggle />
-						<AccountPopover user={user || undefined} />
+						<AccountPopover />
 					</div>
 				</header>
 				<div className="p-4">{children}</div>