fix: remove unused React imports, fix lint errors in admin panel

Remove bare `import React` from all admin panel JSX files (React 19 + Vite JSX transform makes it unnecessary) and add explicit vitest globals import to placeholder.test.js.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/admin/analytics/AnalyticsDashboard.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useMemo } from 'react';
+import { useState, useMemo } from 'react';
 import { useAnalytics } from './useAnalytics';
 import FunnelChart from './charts/FunnelChart';
 import RevenueChart from './charts/RevenueChart';

src/admin/analytics/CompletedOrdersTable.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { ArrowUpDown, Download } from 'lucide-react';
 import { supabase } from '../../lib/supabase';
 

src/admin/analytics/charts/AvgTimeChart.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, Cell } from 'recharts';
 
 const COLORS = ['#f59e0b', '#0ea5e9', '#8b5cf6', '#f97316'];

src/admin/analytics/charts/FunnelChart.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, Cell } from 'recharts';
 
 const COLORS = ['#f59e0b', '#0ea5e9', '#8b5cf6', '#f97316', '#22c55e'];

src/admin/analytics/charts/ObjectTypeChart.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { PieChart, Pie, Cell, Tooltip, Legend, ResponsiveContainer } from 'recharts';
 
 const COLORS = ['#0ea5e9', '#f59e0b', '#8b5cf6', '#22c55e', '#f97316'];

src/admin/analytics/charts/RevenueChart.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid } from 'recharts';
 
 const RevenueChart = ({ data }) => (

src/admin/auth/LoginPage.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { Shield } from 'lucide-react';
 import { useAuth } from './useAuth';

src/admin/auth/ProtectedRoute.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Navigate, Outlet, useLocation } from 'react-router-dom';
 import { useAuth } from './useAuth';
 

src/admin/layout/AdminLayout.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { Outlet, useLocation } from 'react-router-dom';
 import { Plus } from 'lucide-react';
 import Sidebar from './Sidebar';

src/admin/layout/Sidebar.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { NavLink, useNavigate } from 'react-router-dom';
 import { LayoutDashboard, BarChart2, CheckSquare, Shield, LogOut } from 'lucide-react';
 import { useAuth } from '../auth/useAuth';

src/admin/orders/KanbanBoard.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { DndContext, closestCorners, DragOverlay, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
 import { useOutletContext } from 'react-router-dom';
 import { useOrders } from './useOrders';

src/admin/orders/KanbanColumn.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useDroppable } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import OrderCard from './OrderCard';

src/admin/orders/OrderCard.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { GripVertical } from 'lucide-react';