refactor: streamline, refine and polish

components/media/FormatSelector.tsx

@@ -5,6 +5,7 @@ import Fuse from 'fuse.js';
 import { Search } from 'lucide-react';
 import { cn } from '@/lib/utils/cn';
 import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
 import { Card } from '@/components/ui/card';
 import type { ConversionFormat } from '@/types/media';
 
@@ -62,7 +63,7 @@ export function FormatSelector({
 
   return (
     <div className="w-full">
-      <label className="text-sm font-medium text-foreground mb-2 block">{label}</label>
+      <Label className="mb-2">{label}</Label>
 
       {/* Search input */}
       <div className="relative mb-3">