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/login-form.tsx

@@ -3,7 +3,7 @@
 import { Button } from "@/components/ui/button";
 
 import { signin } from "@/actions/auth-actions";
-import { Loader } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import { useActionState } from "react";
 import { PhoneInput } from "../ui/phone-input";
 
@@ -37,7 +37,7 @@ export default function LoginForm() {
 						disabled={isPending}
 						type="submit"
 					>
-						{isPending ? <Loader className="animate-spin" /> : "Request OTP"}
+						{isPending ? <Loader2 className="animate-spin" /> : "Request OTP"}
 					</Button>
 				</div>
 				{/* <div className="mt-2 text-center text-sm">