feat: Lazy load admin forms

src/components/loading/PageSkeletons.tsx

@@ -31,15 +31,6 @@ export const RideCardGridSkeleton = () => (
   </div>
 );
 
-export const AdminFormSkeleton = () => (
-  <div className="space-y-4 p-6">
-    <Skeleton className="h-10 w-full" />
-    <Skeleton className="h-32 w-full" />
-    <Skeleton className="h-10 w-full" />
-    <Skeleton className="h-10 w-24" />
-  </div>
-);
-
 export const EditorSkeleton = () => (
   <div className="space-y-2">
     <Skeleton className="h-10 w-full" />
@@ -70,3 +61,49 @@ export const DialogSkeleton = () => (
     </CardContent>
   </Card>
 );
+
+export const AdminFormSkeleton = () => (
+  <div className="space-y-6 p-6">
+    {/* Name field */}
+    <div className="space-y-2">
+      <Skeleton className="h-4 w-24" />
+      <Skeleton className="h-10 w-full" />
+    </div>
+    
+    {/* Slug field */}
+    <div className="space-y-2">
+      <Skeleton className="h-4 w-20" />
+      <Skeleton className="h-10 w-full" />
+    </div>
+    
+    {/* Description textarea */}
+    <div className="space-y-2">
+      <Skeleton className="h-4 w-32" />
+      <Skeleton className="h-32 w-full" />
+    </div>
+    
+    {/* Two column fields */}
+    <div className="grid grid-cols-2 gap-4">
+      <div className="space-y-2">
+        <Skeleton className="h-4 w-24" />
+        <Skeleton className="h-10 w-full" />
+      </div>
+      <div className="space-y-2">
+        <Skeleton className="h-4 w-28" />
+        <Skeleton className="h-10 w-full" />
+      </div>
+    </div>
+    
+    {/* Image upload section */}
+    <div className="space-y-2">
+      <Skeleton className="h-4 w-32" />
+      <Skeleton className="h-40 w-full rounded-lg" />
+    </div>
+    
+    {/* Action buttons */}
+    <div className="flex gap-2 justify-end pt-4">
+      <Skeleton className="h-10 w-24" />
+      <Skeleton className="h-10 w-32" />
+    </div>
+  </div>
+);