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/filter.tsx

@@ -52,7 +52,7 @@ export default function Filter({
 				value={selectedOption}
 				onValueChange={(val) => handleFilterChange(val)}
 			>
-				<SelectTrigger className="w-auto bg-white">
+				<SelectTrigger className="w-auto">
 					<SelectValue>
 						{options.find((option) => option.value === selectedOption)?.label}
 					</SelectValue>