feat: Lazy load admin forms

src/pages/OperatorDetail.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, lazy, Suspense } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { Header } from '@/components/layout/Header';
 import { trackPageView } from '@/lib/viewTracking';
@@ -8,12 +8,15 @@ import { Badge } from '@/components/ui/badge';
 import { Card, CardContent } from '@/components/ui/card';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Dialog, DialogContent } from '@/components/ui/dialog';
+import { AdminFormSkeleton } from '@/components/loading/PageSkeletons';
 import { ArrowLeft, MapPin, Star, Globe, Calendar, Edit, FerrisWheel, Gauge } from 'lucide-react';
 import { Company, Park } from '@/types/database';
 import { supabase } from '@/integrations/supabase/client';
-import { OperatorForm } from '@/components/admin/OperatorForm';
 import { OperatorPhotoGallery } from '@/components/companies/OperatorPhotoGallery';
 import { ParkCard } from '@/components/parks/ParkCard';
+
+// Lazy load admin form
+const OperatorForm = lazy(() => import('@/components/admin/OperatorForm').then(m => ({ default: m.OperatorForm })));
 import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
@@ -423,23 +426,25 @@ export default function OperatorDetail() {
       {/* Edit Modal */}
       <Dialog open={isEditModalOpen} onOpenChange={setIsEditModalOpen}>
         <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
-          <OperatorForm
-            initialData={{
-              id: operator.id,
-              name: operator.name,
-              slug: operator.slug,
-              description: operator.description,
-            company_type: 'operator',
-            person_type: (operator.person_type || 'company') as 'company' | 'individual' | 'firm' | 'organization',
-            website_url: operator.website_url,
-              founded_year: operator.founded_year,
-              headquarters_location: operator.headquarters_location,
-              banner_image_url: operator.banner_image_url,
-              card_image_url: operator.card_image_url
-            }}
-            onSubmit={handleEditSubmit}
-            onCancel={() => setIsEditModalOpen(false)}
-          />
+          <Suspense fallback={<AdminFormSkeleton />}>
+            <OperatorForm
+              initialData={{
+                id: operator.id,
+                name: operator.name,
+                slug: operator.slug,
+                description: operator.description,
+              company_type: 'operator',
+              person_type: (operator.person_type || 'company') as 'company' | 'individual' | 'firm' | 'organization',
+              website_url: operator.website_url,
+                founded_year: operator.founded_year,
+                headquarters_location: operator.headquarters_location,
+                banner_image_url: operator.banner_image_url,
+                card_image_url: operator.card_image_url
+              }}
+              onSubmit={handleEditSubmit}
+              onCancel={() => setIsEditModalOpen(false)}
+            />
+          </Suspense>
         </DialogContent>
       </Dialog>
     </div>