Improve website loading speed by optimizing image data retrieval

Fetch limited sets of gallery images for the homepage and widgets to reduce initial load times and bandwidth usage.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1f7e7e89-a520-4970-9645-37daadc466dc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: de3b3f76-575a-4b3d-8981-d81d7b9356ee
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/1f7e7e89-a520-4970-9645-37daadc466dc/NJvOVoB
Replit-Helium-Checkpoint-Created: true

client/src/pages/home.tsx

@@ -493,7 +493,8 @@ export default function Home() {
   });
 
   const { data: galleryImages } = useQuery<GalleryImage[]>({
-    queryKey: ["/api/gallery"],
+    queryKey: ["/api/gallery", "home"],
+    queryFn: () => fetch("/api/gallery?limit=20").then((r) => r.json()),
   });
 
   const focalPoints = useFocalPoints();