Close remaining web gaps: rich profile, login history, lightbox/slider, flash client, admin chatlog/DJ/chart/WYSIWYG, niche API

- Rich profile (/u/[username]): wallet (credits/duckets/diamonds), friends
  grid (messenger_friendships), and owned rooms sections.
- Login history: new website_login_logs table (model + migration 0007),
  recorded on every successful sign-in (ip + user-agent), surfaced on a new
  /settings/sessions page (with failed-attempt list from failed_logins).
- Photos lightbox + home article slider (client components, no Swiper dep).
- /client/flash launcher (SSO ticket like the Nitro page).
- Admin: private chatlogs section in /admin/logs, /admin/radio/moderation
  (shout moderation), a "users by rank" inline bar chart on the dashboard,
  and a TinyMCE rich-text editor on the article admin forms.
- Niche API: /api/values/[id], /api/guilds(+/[id]), /api/radio/auto-play.

Verified live (prod, amx_test): login recorded → /settings/sessions shows
it with device; profile renders wallet/friends/rooms; dashboard chart +
private-chat logs + /client/flash + /api/guilds all OK. Reverted test data.
tsc 0, vitest 49/49, next build 0.

src/app/photos/page.tsx

@@ -1,5 +1,6 @@
 import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
+import { PhotoLightbox, type LightboxPhoto } from "@/components/public/photo-lightbox";
 import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
@@ -34,6 +35,16 @@ export default async function PhotosPage() {
     photos = [];
   }
 
+  // Pre-shape for the client lightbox: translate captions server-side so the
+  // client component stays free of i18n/prisma dependencies.
+  const items: LightboxPhoto[] = photos.map((p) => ({
+    id: String(p.id),
+    url: p.url,
+    alt: t("photoAlt", { id: p.userId }),
+    date: formatDate(p.timestamp),
+    user: t("byUser", { id: p.userId }),
+  }));
+
   return (
     <main style={{ display: "grid", gap: "1.5rem" }}>
       <ContentCard
@@ -42,34 +53,11 @@ export default async function PhotosPage() {
         subtitle={t("subtitle")}
       />
 
-      <ContentCard padded={photos.length === 0}>
-        {photos.length === 0 ? (
+      <ContentCard padded={items.length === 0}>
+        {items.length === 0 ? (
           <EmptyState icon="📸">{t("noPhotos")}</EmptyState>
         ) : (
-          <div className="card-grid sm-2 md-3 lg-4" style={{ padding: "1rem" }}>
-            {photos.map((p) => (
-              <article key={String(p.id)} className="card hover" style={{ padding: 0, overflow: "hidden" }}>
-                {/* eslint-disable-next-line @next/next/no-img-element */}
-                <img
-                  src={p.url}
-                  alt={t("photoAlt", { id: p.userId })}
-                  style={{
-                    width: "100%",
-                    height: "auto",
-                    display: "block",
-                  }}
-                />
-                <div style={{ padding: "0.7rem 0.85rem" }}>
-                  <p className="muted" style={{ margin: 0, fontSize: "0.85rem" }}>
-                    {formatDate(p.timestamp)}
-                  </p>
-                  <p className="muted" style={{ margin: 0, fontSize: "0.85rem" }}>
-                    {t("byUser", { id: p.userId })}
-                  </p>
-                </div>
-              </article>
-            ))}
-          </div>
+          <PhotoLightbox photos={items} />
         )}
       </ContentCard>
     </main>