Replace native selects with shadcn Select across all pages

- lead-scoring-settings.tsx: Feature type dropdown
- bug-report-modal.tsx: Severity dropdown
- client-portal/support/page.tsx: Severity dropdown
- time-tracking/page.tsx: Timer project + manual entry project dropdowns
- proposals/new/page.tsx: Lead + customer dropdowns

src/app/(dashboard)/proposals/new/page.tsx

@@ -137,21 +137,29 @@ export default function NewProposalPage() {
           </div>
           <div>
             <label className="text-sm font-medium">Lead (optional)</label>
-            <select value={leadId} onChange={(e) => setLeadId(e.target.value)} className="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm">
-              <option value="">Select lead...</option>
-              {leads.map((l: any) => (
-                <option key={l.id} value={l.id}>{l.contact_name || l.company_name}</option>
-              ))}
-            </select>
+            <Select value={leadId} onValueChange={setLeadId}>
+              <SelectTrigger className="h-9 w-full">
+                <SelectValue placeholder="Select lead..." />
+              </SelectTrigger>
+              <SelectContent>
+                {leads.map((l: any) => (
+                  <SelectItem key={l.id} value={l.id}>{l.contact_name || l.company_name}</SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
           </div>
           <div>
             <label className="text-sm font-medium">Customer (optional)</label>
-            <select value={customerId} onChange={(e) => setCustomerId(e.target.value)} className="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm">
-              <option value="">Select customer...</option>
-              {customers.map((c: any) => (
-                <option key={c.id} value={c.id}>{c.company_name || `${c.first_name} ${c.last_name}`}</option>
-              ))}
-            </select>
+            <Select value={customerId} onValueChange={setCustomerId}>
+              <SelectTrigger className="h-9 w-full">
+                <SelectValue placeholder="Select customer..." />
+              </SelectTrigger>
+              <SelectContent>
+                {customers.map((c: any) => (
+                  <SelectItem key={c.id} value={c.id}>{c.company_name || `${c.first_name} ${c.last_name}`}</SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
           </div>
           <div>
             <label className="text-sm font-medium">VAT %</label>