feat(devices): add proper filter handling and update shadcn 🔨

app/(dashboard)/devices/page.tsx

@@ -1,5 +1,6 @@
 import { authOptions } from "@/app/auth";
 import { DevicesTable } from "@/components/devices-table";
+import DeviceFilter from "@/components/devices/device-filter";
 import Search from "@/components/search";
 import AddDeviceDialogForm from "@/components/user/add-device-dialog";
 import { getServerSession } from "next-auth";
@@ -27,9 +28,9 @@ export default async function Devices({
 			</div>
 			<div
 				id="user-filters"
-				className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
+				className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-end"
 			>
-				<Search />
+				<DeviceFilter />
 			</div>
 			<Suspense key={query || page} fallback={<DevicesTableSkeleton />}>
 				<DevicesTable parentalControl={false} searchParams={searchParams} />