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.

app/(dashboard)/user-devices/page.tsx

@@ -1,54 +1,9 @@
-import Filter from "@/components/filter";
-import Search from "@/components/search";
-import { UsersTable } from "@/components/user-table";
-import { CheckCheck, Hourglass, Minus } from "lucide-react";
-import React, { Suspense } from "react";
-export default async function UserDevcies({
-	searchParams,
-}: {
-	searchParams: Promise<{
-		query: string;
-		page: number;
-		sortBy: string;
-		status: string;
-	}>;
-}) {
-
+export default async function UserDevcies() {
 	return (
 		<div>
 			<h3 className="border-b-2 text-2xl font-bold title-bg py-4 px-2 mb-4">
-				My Devices
+				User Devices
 			</h3>
-			<div
-				id="user-filters"
-				className=" border-b-2 pb-4 gap-4 flex items-center justify-start"
-			>
-				<Search />
-				<Filter
-					options={[
-						{
-							value: "all",
-							label: "ALL",
-							icon: <Minus size={14} />,
-						},
-						{
-							value: "unverified",
-							label: "Unverfieid",
-							icon: <CheckCheck size={14} />,
-						},
-						{
-							value: "verified",
-							label: "Verified",
-							icon: <Hourglass size={14} />,
-						},
-					]}
-					defaultOption="all"
-					queryParamKey="status"
-				/>
-			</div>
-			<Suspense fallback={"loading...."}>
-				<UsersTable searchParams={searchParams} />
-			</Suspense>
 		</div>
 	);
 }