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

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default function Agreements() {
+  return (
+    <div>Agreements</div>
+  )
+}