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/components/shared/bug-report-modal.tsx

@@ -2,6 +2,13 @@
 
 import { useState } from "react"
 import { motion, AnimatePresence } from "framer-motion"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
 import { X, Bug, Loader2, CheckCircle } from "lucide-react"
 
 interface BugReportModalProps {
@@ -151,16 +158,17 @@ export function BugReportModal({ open, onClose }: BugReportModalProps) {
                     <label className="mb-1.5 block text-sm font-medium text-[#8A9078] dark:text-[#CCCCCC]">
                       Severity
                     </label>
-                    <select
-                      value={severity}
-                      onChange={(e) => setSeverity(e.target.value)}
-                      className="w-full rounded-lg border border-[#D4D8CC] dark:border-[#333333] bg-white dark:bg-[#1E1E1E] px-3 py-2 text-sm text-[#2D3020] dark:text-white focus:border-[#C84B4B] focus:outline-none focus:ring-1 focus:ring-[#C84B4B]"
-                    >
-                      <option value="low">Low — Minor cosmetic issue</option>
-                      <option value="medium">Medium — Affects functionality</option>
-                      <option value="high">High — Major feature broken</option>
-                      <option value="critical">Critical — System is blocked</option>
-                    </select>
+                    <Select value={severity} onValueChange={setSeverity}>
+                      <SelectTrigger className="w-full">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="low">Low — Minor cosmetic issue</SelectItem>
+                        <SelectItem value="medium">Medium — Affects functionality</SelectItem>
+                        <SelectItem value="high">High — Major feature broken</SelectItem>
+                        <SelectItem value="critical">Critical — System is blocked</SelectItem>
+                      </SelectContent>
+                    </Select>
                   </div>
 
                   <div className="rounded-lg bg-[#FAFAF6] dark:bg-[#1A1A1A] px-3 py-2">