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

src/app/admin/radio/embed/embed-snippet.tsx

@@ -38,14 +38,14 @@ export function EmbedSnippet({
 
   return (
     <section className="mt-6">
-      <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
-        <h2 style={{ flex: 1, margin: 0 }}>{title}</h2>
+      <div className="flex items-center justify-between gap-4 mb-1">
+        <h2 className="m-0 text-base font-bold text-[var(--color-text)]">{title}</h2>
         <button type="button" className="btn btn-primary" onClick={copy}>
           {copied ? 'Copied!' : 'Copy'}
         </button>
       </div>
       {description ? (
-        <p className="muted" style={{ marginTop: '0.4rem' }}>
+        <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
           {description}
         </p>
       ) : null}
@@ -56,13 +56,7 @@ export function EmbedSnippet({
         rows={Math.min(Math.max(lines + 1, 3), 14)}
         onFocus={(e) => e.currentTarget.select()}
         spellCheck={false}
-        style={{
-          width: '100%',
-          fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
-          fontSize: '0.85rem',
-          whiteSpace: 'pre',
-          resize: 'vertical',
-        }}
+        className="w-full font-mono text-sm resize-vertical"
       />
     </section>
   );