chore: upgrade to tailwind v4 and add a generic filter for dynamic filter handling

app/(dashboard)/user-devices/page.tsx

@@ -18,7 +18,7 @@ export default async function UserDevices({
 	const query = (await searchParams)?.query || "";
 	return (
 		<div>
-			<div className="flex justify-between items-center border-[1px] rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
+			<div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
 				<h3 className="text-sarLinkOrange text-2xl">
 					User Devices
 				</h3>