Reapply "Add missing admin action files and navigation links"

This reverts commit 4d515bc400.

src/app/admin/radio/ranks/page.tsx

@@ -1,15 +1,11 @@
-import Link from 'next/link';
-import {
-  createRadioRank,
-  deleteRadioRank,
-  updateRadioRank,
-} from '@/actions/admin-radio-extra';
-import { prisma } from '@/lib/prisma';
-import { StatusCard } from '@/components/admin/dashboard';
-import { Medal } from 'lucide-react';
+import Link from "next/link";
+import { createRadioRank, deleteRadioRank, updateRadioRank } from "@/actions/admin-radio-extra";
+import { prisma } from "@/lib/prisma";
+import { StatusCard } from "@/components/admin/dashboard";
+import { Medal } from "lucide-react";
 import { getTranslations } from "next-intl/server";
 
-export const dynamic = 'force-dynamic';
+export const dynamic = "force-dynamic";
 
 type Rank = {
   id: bigint;
@@ -34,7 +30,7 @@ export default async function AdminRadioRanksPage() {
         badgeCode: true,
         isActive: true,
       },
-      orderBy: { id: 'asc' },
+      orderBy: { id: "asc" },
     });
   } catch {
     dbError = true;
@@ -46,10 +42,10 @@ export default async function AdminRadioRanksPage() {
   return (
     <main>
       <nav className="text-xs text-gray-500 dark:text-gray-400 mb-2">
-        <Link href="/admin/radio">{t("title")}</Link> ·{' '}
-        <Link href="/admin/radio/settings">{t("settings")}</Link> ·{' '}
-        <Link href="/admin/radio/banners">{t("banners.title")}</Link> ·{' '}
-        <Link href="/admin/radio/ranks">{t("ranks")}</Link> ·{' '}
+        <Link href="/admin/radio">{t("title")}</Link> ·{" "}
+        <Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
+        <Link href="/admin/radio/banners">{t("banners.title")}</Link> ·{" "}
+        <Link href="/admin/radio/ranks">{t("ranks")}</Link> ·{" "}
         <Link href="/admin/radio/history">{t("history")}</Link>
       </nav>
 
@@ -65,9 +61,7 @@ export default async function AdminRadioRanksPage() {
 
       {dbError ? (
         <div className="admin-card mb-6">
-          <p className="text-xs text-gray-500 dark:text-gray-400 m-0">
-            {t("ranksForm.dbError")}
-          </p>
+          <p className="text-xs text-gray-500 dark:text-gray-400 m-0">{t("ranksForm.dbError")}</p>
         </div>
       ) : (
         <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
@@ -75,7 +69,7 @@ export default async function AdminRadioRanksPage() {
           <StatusCard
             label={t("ranksForm.active")}
             value={activeCount}
-            state={activeCount > 0 ? 'ok' : 'neutral'}
+            state={activeCount > 0 ? "ok" : "neutral"}
             icon="\u{2705}"
           />
         </div>
@@ -86,30 +80,30 @@ export default async function AdminRadioRanksPage() {
         <form action={createRadioRank} className="admin-card">
           <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
             <div>
-              <label htmlFor="new_name" style={{ display: 'block', fontWeight: 700 }}>
+              <label htmlFor="new_name" style={{ display: "block", fontWeight: 700 }}>
                 {t("ranksForm.name")}
               </label>
-              <input id="new_name" name="name" required style={{ width: '100%' }} />
+              <input id="new_name" name="name" required style={{ width: "100%" }} />
             </div>
             <div>
-              <label htmlFor="new_badge" style={{ display: 'block', fontWeight: 700 }}>
+              <label htmlFor="new_badge" style={{ display: "block", fontWeight: 700 }}>
                 {t("ranksForm.badgeCode")}
               </label>
-              <input id="new_badge" name="badgeCode" style={{ width: '100%' }} />
+              <input id="new_badge" name="badgeCode" style={{ width: "100%" }} />
             </div>
-            <div style={{ display: 'flex', alignItems: 'flex-end' }}>
-              <label style={{ display: 'inline-flex', gap: '0.4rem', alignItems: 'center' }}>
+            <div style={{ display: "flex", alignItems: "flex-end" }}>
+              <label style={{ display: "inline-flex", gap: "0.4rem", alignItems: "center" }}>
                 <input type="checkbox" name="isActive" value="1" defaultChecked /> {t("ranksForm.active")}
               </label>
             </div>
-            <div style={{ gridColumn: '1 / -1' }}>
-              <label htmlFor="new_desc" style={{ display: 'block', fontWeight: 700 }}>
+            <div style={{ gridColumn: "1 / -1" }}>
+              <label htmlFor="new_desc" style={{ display: "block", fontWeight: 700 }}>
                 {t("ranksForm.description")}
               </label>
-              <input id="new_desc" name="description" style={{ width: '100%' }} />
+              <input id="new_desc" name="description" style={{ width: "100%" }} />
             </div>
           </div>
-          <div style={{ marginTop: '0.75rem' }}>
+          <div style={{ marginTop: "0.75rem" }}>
             <button type="submit" className="btn btn-primary">
               {t("ranksForm.createRank")}
             </button>
@@ -127,7 +121,9 @@ export default async function AdminRadioRanksPage() {
               <div key={String(r.id)} className="admin-card">
                 <div className="flex justify-between items-baseline gap-3 mb-2">
                   <strong>#{String(r.id)}</strong>
-                  <span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${r.isActive ? 'bg-green-600/20 text-[var(--color-text)]' : 'bg-red-500/22 text-[var(--color-text)]'}`}>
+                  <span
+                    className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${r.isActive ? "bg-green-600/20 text-[var(--color-text)]" : "bg-red-500/22 text-[var(--color-text)]"}`}
+                  >
                     {r.isActive ? t("ranksForm.activeLabel") : t("ranksForm.inactiveLabel")}
                   </span>
                 </div>
@@ -143,25 +139,18 @@ export default async function AdminRadioRanksPage() {
                   />
                   <input
                     name="badgeCode"
-                    defaultValue={r.badgeCode ?? ''}
+                    defaultValue={r.badgeCode ?? ""}
                     placeholder={t("ranksForm.badgeCode")}
                     style={{ minWidth: 100 }}
                   />
                   <input
                     name="description"
-                    defaultValue={r.description ?? ''}
+                    defaultValue={r.description ?? ""}
                     placeholder={t("ranksForm.description")}
                     className="flex-1 min-w-[160px]"
                   />
-                  <label
-                    style={{ display: 'inline-flex', gap: '0.3rem', alignItems: 'center' }}
-                  >
-                    <input
-                      type="checkbox"
-                      name="isActive"
-                      value="1"
-                      defaultChecked={r.isActive}
-                    />{' '}
+                  <label style={{ display: "inline-flex", gap: "0.3rem", alignItems: "center" }}>
+                    <input type="checkbox" name="isActive" value="1" defaultChecked={r.isActive} />{" "}
                     {t("ranksForm.active")}
                   </label>
                   <button type="submit" className="btn btn-primary">
@@ -169,7 +158,7 @@ export default async function AdminRadioRanksPage() {
                   </button>
                 </form>
 
-                <form action={deleteRadioRank} style={{ marginTop: '0.5rem' }}>
+                <form action={deleteRadioRank} style={{ marginTop: "0.5rem" }}>
                   <input type="hidden" name="id" value={String(r.id)} />
                   <button type="submit" className="btn btn-danger">
                     {t("ranksForm.deleteRank", { id: String(r.id) })}