Move multi-role pages out of team/ to pages/ root

CompanyDetail (team+client), BrandBook, SurveyMaker, Converters (team+external)
all serve more than one role — belong at pages/ not pages/team/

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

src/App.jsx

@@ -27,7 +27,7 @@ import PayInvoice from './pages/PayInvoice';
 
 const Settings = lazy(() => import('./pages/Settings'));
 const CompaniesPage = lazy(() => import('./pages/CompaniesPage'));
-const CompanyDetail = lazy(() => import('./pages/team/CompanyDetail'));
+const CompanyDetail = lazy(() => import('./pages/CompanyDetail'));
 const Invoices = lazy(() => import('./pages/team/Invoices'));
 const MeetingNotes = lazy(() => import('./pages/team/MeetingNotes'));
 const RequestDetail = lazy(() => import('./pages/RequestDetail'));
@@ -36,9 +36,9 @@ const CreateSubcontractorPO = lazy(() => import('./pages/team/CreateSubcontracto
 const InvoiceDetail = lazy(() => import('./pages/team/InvoiceDetail'));
 const SubcontractorPODetail = lazy(() => import('./pages/team/SubcontractorPODetail'));
 const SubInvoiceDetail = lazy(() => import('./pages/team/SubInvoiceDetail'));
-const SurveyMaker = lazy(() => import('./pages/team/SurveyMaker'));
-const BrandBook = lazy(() => import('./pages/team/BrandBook'));
-const Converters = lazy(() => import('./pages/team/Converters'));
+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 FourgePasswords = lazy(() => import('./pages/team/FourgePasswords'));
 const MyPurchaseOrders = lazy(() => import('./pages/external/MyPurchaseOrders'));

src/pages/BrandBook.jsx

@@ -1,11 +1,11 @@
 import { useState, useEffect, useRef } from 'react';
-import Layout from '../../components/Layout';
-import LoadingButton from '../../components/LoadingButton';
-import SortTh from '../../components/SortTh';
-import { useSortable } from '../../hooks/useSortable';
-import { supabase } from '../../lib/supabase';
-import { generateBrandBookEditorPDF } from '../../lib/brandBookEditor';
-import { cleanupBrandBookStorage } from '../../lib/deleteHelpers';
+import Layout from '../components/Layout';
+import LoadingButton from '../components/LoadingButton';
+import SortTh from '../components/SortTh';
+import { useSortable } from '../hooks/useSortable';
+import { supabase } from '../lib/supabase';
+import { generateBrandBookEditorPDF } from '../lib/brandBookEditor';
+import { cleanupBrandBookStorage } from '../lib/deleteHelpers';
 
 const BUCKET = 'brand-books';
 

src/pages/CompanyDetail.jsx

@@ -1,12 +1,12 @@
 import { useState, useEffect } from 'react';
 import { useParams, Link, useNavigate } from 'react-router-dom';
-import Layout from '../../components/Layout';
-import StatusBadge from '../../components/StatusBadge';
-import { supabase } from '../../lib/supabase';
-import { useAuth } from '../../context/AuthContext';
-import { serviceTypes } from '../../data/mockData';
-import { cleanupTaskStorage, deleteCompanyData } from '../../lib/deleteHelpers';
-import { renameClientFolder, backfillClientFolders } from '../../lib/filebrowserFolders';
+import Layout from '../components/Layout';
+import StatusBadge from '../components/StatusBadge';
+import { supabase } from '../lib/supabase';
+import { useAuth } from '../context/AuthContext';
+import { serviceTypes } from '../data/mockData';
+import { cleanupTaskStorage, deleteCompanyData } from '../lib/deleteHelpers';
+import { renameClientFolder, backfillClientFolders } from '../lib/filebrowserFolders';
 
 export default function CompanyDetail() {
   const { id } = useParams();

src/pages/Converters.jsx

@@ -1,8 +1,8 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import JSZip from 'jszip';
 import { heicTo, isHeic } from 'heic-to/csp';
-import Layout from '../../components/Layout';
-import LoadingButton from '../../components/LoadingButton';
+import Layout from '../components/Layout';
+import LoadingButton from '../components/LoadingButton';
 
 const INPUT_ACCEPT = 'image/*,.heic,.heif,.avif,.tif,.tiff,.bmp,.webp,.jpeg,.jpg,.png,.gif';
 const OUTPUT_FORMATS = [

src/pages/SurveyMaker.jsx

@@ -1,7 +1,7 @@
 import { useRef, useState } from 'react';
-import Layout from '../../components/Layout';
-import LoadingButton from '../../components/LoadingButton';
-import { generateSurveyMakerPdf } from '../../lib/surveyMakerPdf';
+import Layout from '../components/Layout';
+import LoadingButton from '../components/LoadingButton';
+import { generateSurveyMakerPdf } from '../lib/surveyMakerPdf';
 
 const PHOTO_FILE_ACCEPT = 'image/*,.heic,.heif,.avif,.tif,.tiff,.bmp,.webp,.jpeg,.jpg,.png,.gif';
 const PHOTO_FILE_EXTENSIONS = new Set(['heic', 'heif', 'avif', 'tif', 'tiff', 'bmp', 'webp', 'jpeg', 'jpg', 'png', 'gif']);