refactor: convert admin pages to Tailwind and improve media uploads; fix TypeScript error in commandocentrum

src/app/admin/emulator/page.tsx

@@ -35,7 +35,7 @@ export default async function AdminEmulator() {
   return (
     <main>
       <h1>Emulator Config</h1>
-      <p className="muted">
+      <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
         Live key/value config read by the Arcturus emulator from
         <code> emulator_settings</code> and <code> emulator_texts</code>. Changes take effect
         on the next emulator read (some keys require an emulator reload).
@@ -48,7 +48,7 @@ export default async function AdminEmulator() {
 
       <section className="mt-6">
         <h2 className="admin-section-title">Settings</h2>
-        <p className="muted" style={{ marginTop: "-0.4rem" }}>
+        <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
           {settings.length} keys.
         </p>
 
@@ -74,7 +74,7 @@ export default async function AdminEmulator() {
       <table>
         <thead>
           <tr>
-            <th style={{ width: 320 }}>Key</th>
+            <th className="w-[320px]">Key</th>
             <th>Value</th>
           </tr>
         </thead>
@@ -87,14 +87,14 @@ export default async function AdminEmulator() {
               <td>
                 <form
                   action={updateEmulatorSetting}
-                  style={{ display: "flex", gap: "0.5rem" }}
+                  className="flex gap-2"
                 >
                   <input type="hidden" name="key" value={s.key} />
                   <input
                     name="value"
                     defaultValue={s.value}
                     maxLength={512}
-                    style={{ flex: 1 }}
+                    className="flex-1"
                   />
                   <button type="submit" className="btn btn-outline">
                     Save
@@ -106,13 +106,13 @@ export default async function AdminEmulator() {
         </tbody>
       </table>
       {settings.length === 0 ? (
-        <p className="muted">No emulator settings found.</p>
+        <p className="text-xs text-gray-500 dark:text-gray-400">No emulator settings found.</p>
       ) : null}
       </section>
 
       <section className="mt-6">
         <h2 className="admin-section-title">Texts</h2>
-        <p className="muted" style={{ marginTop: "-0.4rem" }}>
+        <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
           {textsCount} keys{textsTruncated ? ` (showing first ${texts.length})` : ""}.
         </p>