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

app/[...path]/AlbumDetailView.tsx

@@ -0,0 +1,38 @@
+import type { ImmichAlbum } from '@/lib/immich';
+import type { PhotoItem } from './PhotoGrid';
+import { PhotoGrid } from './PhotoGrid';
+import { BackLink } from '@/components/BackLink';
+import type { GridConfig } from '@/lib/config';
+import React from 'react';
+
+interface AlbumDetailViewProps {
+    album: ImmichAlbum;
+    images: PhotoItem[];
+    layout: GridConfig['layout'];
+    gridStyle: React.CSSProperties;
+    backLinkHref: string;
+    backLinkLabel: string;
+}
+
+export function AlbumDetailView({
+    album,
+    images,
+    layout,
+    gridStyle,
+    backLinkHref,
+    backLinkLabel,
+}: AlbumDetailViewProps) {
+    return (
+        <>
+            <div className="album-header">
+                <BackLink href={backLinkHref} label={backLinkLabel} />
+                <h1 className="album-header__title">{album.albumName}</h1>
+                <p className="album-header__meta">
+                    {images.length} {images.length === 1 ? 'photo' : 'photos'}
+                    {album.description && ` · ${album.description}`}
+                </p>
+            </div>
+            <PhotoGrid assets={images} layout={layout} gridStyle={gridStyle} />
+        </>
+    );
+}