feat: visual polish & UX — fade-in, theme toggle, scroll-to-top, footer, cursor, badge

- Add FadeIn component (IntersectionObserver scroll-reveal + load animation)
- Add dark/light theme toggle (useSyncExternalStore + localStorage)
- Add scroll-to-top button (appears after 300px scroll)
- Add configurable footer with social links (gallery.yaml)
- Add crosshair cursor on photo grid items
- Add 'X photos' count badge on subpage cover images
- Add light theme color palette in tokens.css

app/api/exif/[id]/route.ts

@@ -9,33 +9,30 @@ import { NextResponse } from 'next/server';
 import { immich } from '@/lib/immich';
 import { decodeAssetId } from '@/lib/tokens';
 
-export async function GET(
-    _request: Request,
-    { params }: { params: Promise<{ id: string }> },
-) {
-    const { id: token } = await params;
+export async function GET(_request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id: token } = await params;
 
-    // Decode the opaque token back to an Immich asset ID
-    const assetId = decodeAssetId(token);
-    if (!assetId) {
-        return NextResponse.json({ error: 'Invalid token' }, { status: 400 });
-    }
+  // Decode the opaque token back to an Immich asset ID
+  const assetId = decodeAssetId(token);
+  if (!assetId) {
+    return NextResponse.json({ error: 'Invalid token' }, { status: 400 });
+  }
 
-    const asset = await immich.getAssetInfo(assetId);
-    if (!asset?.exifInfo) {
-        return NextResponse.json({ error: 'No EXIF data' }, { status: 404 });
-    }
+  const asset = await immich.getAssetInfo(assetId);
+  if (!asset?.exifInfo) {
+    return NextResponse.json({ error: 'No EXIF data' }, { status: 404 });
+  }
 
-    const exif = asset.exifInfo;
-    return NextResponse.json({
-        make: exif.make,
-        model: exif.model,
-        lensModel: exif.lensModel,
-        focalLength: exif.focalLength,
-        fNumber: exif.fNumber,
-        exposureTime: exif.exposureTime,
-        iso: exif.iso,
-        city: exif.city,
-        country: exif.country,
-    });
+  const exif = asset.exifInfo;
+  return NextResponse.json({
+    make: exif.make,
+    model: exif.model,
+    lensModel: exif.lensModel,
+    focalLength: exif.focalLength,
+    fNumber: exif.fNumber,
+    exposureTime: exif.exposureTime,
+    iso: exif.iso,
+    city: exif.city,
+    country: exif.country,
+  });
 }