fix: crash bugs in TeamInvoices + faster load

Bug fixes:
- TeamInvoices: add useAuth import/currentUser (invoice-create crash)
- TeamInvoices: setChartYear -> setExportYear (year-dropdown crash)
- TeamDashboard: drop redundant setState-in-effect (cascading renders)
- Companies: delete dead _UnusedClientCompanies (illegal hook calls)
- annotate intentional empty PDF-fallback catches

Load speed:
- preconnect/dns-prefetch to Supabase origin
- lazy-load heic-to in Converters: page chunk 2737KB -> 9KB
- split recharts into its own 'charts' vendor chunk

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/App.jsx

@@ -52,8 +52,8 @@ const TeamSubInvoiceDetail = lazy(() => import('./pages/team/TeamSubInvoiceDetai
 const SurveyMaker = lazy(() => import('./pages/SurveyMaker'));
 const BrandBook = lazy(() => import('./pages/BrandBook'));
 const Converters = lazy(() => import('./pages/Converters'));
-const FileSharing = lazy(() => import('./pages/FileSharing'));
 const TeamFourgePasswords = lazy(() => import('./pages/team/TeamFourgePasswords'));
+const TeamReports = lazy(() => import('./pages/team/TeamReports'));
 const ExternalMyPurchaseOrders = lazy(() => import('./pages/external/ExternalMyPurchaseOrders'));
 const ExternalMyInvoices = lazy(() => import('./pages/external/ExternalMyInvoices'));
 const ExternalMyInvoiceDetail = lazy(() => import('./pages/external/ExternalMyInvoiceDetail'));
@@ -73,6 +73,16 @@ function RedirectToTask() {
   return <Navigate to={`/tasks/${id}`} replace />;
 }
 
+function RedirectTeamInvoiceDetail() {
+  const { id } = useParams();
+  return <Navigate to={`/finances/${id}`} replace />;
+}
+
+function RedirectSubsInvoiceDetail() {
+  const { id } = useParams();
+  return <Navigate to={`/subs-invoices/${id}`} replace />;
+}
+
 function NavigateCompanyDetail() {
   const { id } = useParams();
   return <Navigate to={`/company/${id}`} replace />;
@@ -100,25 +110,30 @@ export default function App() {
           <Route path="/tasks" element={<ProtectedRoute role={['team', 'external', 'client']}><RequestsPage /></ProtectedRoute>} />
           <Route path="/requests" element={<Navigate to="/tasks" replace />} />
           <Route path="/team-projects" element={<Navigate to="/tasks" replace />} />
-          <Route path="/invoices" element={<ProtectedRoute role="team"><TeamInvoices /></ProtectedRoute>} />
-          <Route path="/invoices/new" element={<ProtectedRoute role="team"><TeamCreateInvoice /></ProtectedRoute>} />
+          <Route path="/finances" element={<ProtectedRoute role="team"><TeamInvoices /></ProtectedRoute>} />
+          <Route path="/finances/new" element={<ProtectedRoute role="team"><TeamCreateInvoice /></ProtectedRoute>} />
           <Route path="/subcontractor-pos/new" element={<ProtectedRoute role="team"><TeamCreateSubcontractorPO /></ProtectedRoute>} />
-          <Route path="/invoices/:id" element={<ProtectedRoute role="team"><TeamInvoiceDetail /></ProtectedRoute>} />
+          <Route path="/finances/:id" element={<ProtectedRoute role="team"><TeamInvoiceDetail /></ProtectedRoute>} />
           <Route path="/subcontractor-pos/:id" element={<ProtectedRoute role="team"><TeamSubcontractorPODetail /></ProtectedRoute>} />
           <Route path="/sub-invoices/:id" element={<ProtectedRoute role="team"><TeamSubInvoiceDetail /></ProtectedRoute>} />
+          <Route path="/invoices" element={<Navigate to="/finances" replace />} />
+          <Route path="/invoices/new" element={<Navigate to="/finances/new" replace />} />
+          <Route path="/invoices/:id" element={<RedirectTeamInvoiceDetail />} />
           <Route path="/survey-maker" element={<ProtectedRoute role={['team', 'external']}><SurveyMaker /></ProtectedRoute>} />
           <Route path="/brand-book" element={<ProtectedRoute role={['team', 'external']}><BrandBook /></ProtectedRoute>} />
           <Route path="/converters" element={<ProtectedRoute role={['team', 'external']}><Converters /></ProtectedRoute>} />
-          <Route path="/file-sharing" element={<ProtectedRoute role={['team', 'external', 'client']}><FileSharing /></ProtectedRoute>} />
-          <Route path="/file-uploads" element={<Navigate to="/file-sharing" replace />} />
           <Route path="/fourge-passwords" element={<ProtectedRoute role="team"><TeamFourgePasswords /></ProtectedRoute>} />
+          <Route path="/reports" element={<ProtectedRoute role="team"><TeamReports /></ProtectedRoute>} />
           <Route path="/server-status" element={<Navigate to="/dashboard" replace />} />
           <Route path="/assigned-requests" element={<Navigate to="/tasks" replace />} />
           <Route path="/my-purchase-orders" element={<ProtectedRoute role="external"><ExternalMyPurchaseOrders /></ProtectedRoute>} />
           <Route path="/my-projects-sub" element={<Navigate to="/tasks" replace />} />
-          <Route path="/my-invoices-sub" element={<ProtectedRoute role="external"><ExternalMyInvoices /></ProtectedRoute>} />
-          <Route path="/my-invoices-sub/new" element={<ProtectedRoute role="external"><ExternalMyInvoiceCreate /></ProtectedRoute>} />
-          <Route path="/my-invoices-sub/:id" element={<ProtectedRoute role="external"><ExternalMyInvoiceDetail /></ProtectedRoute>} />
+          <Route path="/subs-invoices" element={<ProtectedRoute role="external"><ExternalMyInvoices /></ProtectedRoute>} />
+          <Route path="/subs-invoices/new" element={<ProtectedRoute role="external"><ExternalMyInvoiceCreate /></ProtectedRoute>} />
+          <Route path="/subs-invoices/:id" element={<ProtectedRoute role="external"><ExternalMyInvoiceDetail /></ProtectedRoute>} />
+          <Route path="/my-invoices-sub" element={<Navigate to="/subs-invoices" replace />} />
+          <Route path="/my-invoices-sub/new" element={<Navigate to="/subs-invoices/new" replace />} />
+          <Route path="/my-invoices-sub/:id" element={<RedirectSubsInvoiceDetail />} />
 
           <Route path="/profile" element={<ProtectedRoute><ProfilePage /></ProtectedRoute>} />
           <Route path="/profile/:id" element={<ProtectedRoute><ProfilePage /></ProtectedRoute>} />
@@ -130,7 +145,8 @@ export default function App() {
           <Route path="/my-requests/:id" element={<RedirectToTask />} />
           <Route path="/my-projects" element={<Navigate to="/tasks" replace />} />
           <Route path="/my-projects/:id" element={<RedirectProjectDetail />} />
-          <Route path="/my-invoices" element={<ProtectedRoute role="client"><ClientMyInvoices /></ProtectedRoute>} />
+          <Route path="/client-invoices" element={<ProtectedRoute role="client"><ClientMyInvoices /></ProtectedRoute>} />
+          <Route path="/my-invoices" element={<Navigate to="/client-invoices" replace />} />
           <Route path="/new-request" element={<Navigate to="/tasks" replace />} />
           <Route path="/new-project" element={<Navigate to="/tasks" replace />} />