feat: Implement Phase 4 cleanup and polish

src/hooks/photos/useEntityPhotos.ts

@@ -0,0 +1,42 @@
+/**
+ * Entity Photos Hook
+ * 
+ * Fetches photos for an entity with caching and sorting support.
+ */
+
+import { useQuery } from '@tanstack/react-query';
+import { supabase } from '@/integrations/supabase/client';
+import { queryKeys } from '@/lib/queryKeys';
+
+export function useEntityPhotos(
+  entityType: string, 
+  entityId: string,
+  sortBy: 'newest' | 'oldest' = 'newest'
+) {
+  return useQuery({
+    queryKey: queryKeys.photos.entity(entityType, entityId, sortBy),
+    queryFn: async () => {
+      const { data, error } = await supabase
+        .from('photos')
+        .select('id, cloudflare_image_url, title, caption, submitted_by, created_at, order_index')
+        .eq('entity_type', entityType)
+        .eq('entity_id', entityId)
+        .order('created_at', { ascending: sortBy === 'oldest' });
+
+      if (error) throw error;
+      
+      return data?.map((photo) => ({
+        id: photo.id,
+        url: photo.cloudflare_image_url,
+        caption: photo.caption || undefined,
+        title: photo.title || undefined,
+        user_id: photo.submitted_by,
+        created_at: photo.created_at,
+      })) || [];
+    },
+    enabled: !!entityType && !!entityId,
+    staleTime: 5 * 60 * 1000,
+    gcTime: 15 * 60 * 1000,
+    refetchOnWindowFocus: false,
+  });
+}