Performance, SEO, a11y, and code quality improvements

1. Performance: 25 pages switched from force-dynamic to revalidate=300 (ISR);
   2 pages (community, developers) now fully static (SSG)
2. DB indexes: Added @@index on foreign keys for WebsiteArticles,
   WebsiteArticleReactions, WebsiteArticleComments, WebsiteHelpCenterTickets,
   WebsiteShopArticles, RadioSongRequests, StaffActivities
3. SEO: Added robots.ts, sitemap.ts, canonical URLs, Open Graph + Twitter
   Card metadata on root layout and news articles
4. A11Y: Replaced <details>/<summary> dropdowns with accessible button-based
   NavDropdown (aria-expanded, aria-haspopup, role=menu). MobileNav now
   uses translated aria-label, aria-expanded, aria-controls, role=menu
5. Code quality: Added try/catch to updateArticle/deleteArticle; deleteArticle
   now uses prisma. for atomicity
6. CI/CD: Added GitHub Actions workflow (typecheck + test)
7. i18n: Added openMenu/closeMenu keys to all 6 locales
8. Observability: Health endpoint now checks SMTP reachability when configured
9. Loading states: Added loading.tsx for root, admin, and news sections
10. Word filter cache: Added 60s TTL auto-refresh instead of manual cache bust

src/app/news/[slug]/page.tsx

@@ -17,12 +17,24 @@ export async function generateMetadata({
 }: {
   params: Promise<{ slug: string }>;
 }): Promise<Metadata> {
+  const appUrl = process.env.APP_URL ?? "http://localhost:3000";
   const { slug } = await params;
   const article = await prisma.websiteArticles
     .findUnique({ where: { slug }, select: { title: true, shortStory: true } })
     .catch(() => null);
   if (!article) return { title: "Article" };
-  return { title: article.title, description: excerpt(article.shortStory, 160) };
+  return {
+    title: article.title,
+    description: excerpt(article.shortStory, 160),
+    alternates: { canonical: `${appUrl}/news/${slug}` },
+    openGraph: {
+      title: article.title,
+      description: excerpt(article.shortStory, 160),
+      type: "article",
+      url: `${appUrl}/news/${slug}`,
+    },
+    twitter: { card: "summary", title: article.title },
+  };
 }
 
 // The reaction set offered by the voting UI. Must stay in sync with

src/app/news/loading.tsx

@@ -0,0 +1,7 @@
+export default function NewsLoading() {
+  return (
+    <div style={{ display: "flex", justifyContent: "center", padding: "4rem 0" }}>
+      <div className="animate-spin w-8 h-8 border-4 rounded-full" style={{ borderColor: "var(--color-primary)", borderTopColor: "transparent" }} />
+    </div>
+  );
+}

src/app/news/page.tsx

@@ -4,7 +4,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { excerpt } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "News" };