refactor: apply Clean Architecture principles

- Extract EXIF and Swipe logic into custom hooks for Lightbox
- Extract Map layout data formatting into mapService
- Extract AlbumDetailView and SubpageGridView components from page router
- Restructure monolithic config.ts into clean config/ directory

hooks/useExif.ts

@@ -0,0 +1,34 @@
+import { useState, useCallback } from 'react';
+
+export interface ExifData {
+    make?: string | null;
+    model?: string | null;
+    lensModel?: string | null;
+    focalLength?: number | null;
+    fNumber?: number | null;
+    exposureTime?: string | null;
+    iso?: number | null;
+    city?: string | null;
+    country?: string | null;
+}
+
+export function useExif() {
+    const [exifData, setExifData] = useState<ExifData | null>(null);
+    const [exifLoading, setExifLoading] = useState(false);
+
+    const fetchExif = useCallback((url: string) => {
+        setExifLoading(true);
+        setExifData(null);
+        fetch(url)
+            .then((res) => (res.ok ? res.json() : null))
+            .then((data) => setExifData(data))
+            .catch(() => setExifData(null))
+            .finally(() => setExifLoading(false));
+    }, []);
+
+    const clearExif = useCallback(() => {
+        setExifData(null);
+    }, []);
+
+    return { exifData, exifLoading, fetchExif, clearExif };
+}

hooks/useSwipe.ts

@@ -0,0 +1,32 @@
+import { useRef, useCallback } from 'react';
+
+interface UseSwipeProps {
+    onSwipeLeft: () => void;
+    onSwipeRight: () => void;
+    threshold?: number;
+}
+
+export function useSwipe({ onSwipeLeft, onSwipeRight, threshold = 60 }: UseSwipeProps) {
+    const touchStartX = useRef<number>(0);
+    const touchStartY = useRef<number>(0);
+
+    const handleTouchStart = useCallback((e: React.TouchEvent | TouchEvent) => {
+        touchStartX.current = e.touches[0].clientX;
+        touchStartY.current = e.touches[0].clientY;
+    }, []);
+
+    const handleTouchEnd = useCallback(
+        (e: React.TouchEvent | TouchEvent) => {
+            const dx = e.changedTouches[0].clientX - touchStartX.current;
+            const dy = e.changedTouches[0].clientY - touchStartY.current;
+
+            if (Math.abs(dx) > threshold && Math.abs(dx) > Math.abs(dy)) {
+                if (dx > 0) onSwipeRight();
+                else onSwipeLeft();
+            }
+        },
+        [onSwipeLeft, onSwipeRight, threshold],
+    );
+
+    return { handleTouchStart, handleTouchEnd };
+}