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/page.tsx

@@ -1,6 +1,7 @@
 import { getTranslations } from "next-intl/server";
 import Link from "next/link";
 import { ContentCard, EmptyState } from "@/components/public/ui";
+import { ArticleSlider, type SliderArticle } from "@/components/public/article-slider";
 import { excerpt } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 import { sanitize } from "@/lib/sanitize";
@@ -23,6 +24,15 @@ export default async function HomePage() {
     // DB unavailable — show the shell without articles.
   }
 
+  // Pre-shape for the client slider: compute excerpts server-side so the client
+  // component carries no prisma/i18n dependency.
+  const slides: SliderArticle[] = articles.map((a) => ({
+    slug: a.slug,
+    title: a.title,
+    image: a.image,
+    excerpt: excerpt(a.shortStory, 110),
+  }));
+
   // Staff-authored content boxes (managed at /admin/writeable-boxes).
   const boxes = await prisma.websiteWriteableBoxes
     .findMany({
@@ -62,33 +72,10 @@ export default async function HomePage() {
           </Link>
         }
       >
-        {articles.length === 0 ? (
+        {slides.length === 0 ? (
           <EmptyState icon="📰">{t("noArticles")}</EmptyState>
         ) : (
-          <div className="card-grid sm-2 lg-4">
-            {articles.map((a) => (
-              <article
-                key={a.slug}
-                className="card hover"
-                style={{ padding: 0, overflow: "hidden" }}
-              >
-                {a.image ? (
-                  // biome-ignore lint/performance/noImgElement: external article image
-                  <img className="article-img" src={a.image} alt="" />
-                ) : (
-                  <div className="article-img" />
-                )}
-                <div style={{ padding: "0.85rem" }}>
-                  <h3 style={{ margin: "0 0 0.3rem", fontSize: "1rem" }}>
-                    <Link href={`/news/${a.slug}`}>{a.title}</Link>
-                  </h3>
-                  <p className="muted" style={{ margin: 0 }}>
-                    {excerpt(a.shortStory, 110)}
-                  </p>
-                </div>
-              </article>
-            ))}
-          </div>
+          <ArticleSlider articles={slides} />
         )}
       </ContentCard>