Refactor dashboard components and update global styles

- Updated the title and description in layout.tsx to reflect the new application name.
- Replaced the background color in globals.css with a background image for the title section.
- Enhanced the Devices and UserDevices pages by adding search and filter components for improved user interaction.
- Introduced a new DevicesTable component for displaying device data with pagination.
- Updated the Users page to improve layout and added a filter for user status.
- Made various UI adjustments across components for better consistency and usability.

components/auth/verify-otp-form.tsx

@@ -53,7 +53,7 @@ export default function VerifyOTPForm({
 	return (
 		<form
 			onSubmit={handleSubmit(onSubmit)}
-			className="bg-white dark:bg-gray-900 w-full max-w-xs  rounded-lg shadow my-4"
+			className="w-full max-w-xs  rounded-lg shadow my-4"
 		>
 			<div className="grid pb-4 pt-4 gap-4 px-4">
 				<div className="">
@@ -71,7 +71,7 @@ export default function VerifyOTPForm({
 					)}
 				</div>
 				<Button
-					className="dark:bg-gray-800 w-full dark:text-white"
+					className="w-full"
 					disabled={isPending}
 					type="submit"
 				>