feat: redesign CMS and unify German admin UI

components/admin/AdminTestCallButton.tsx

@@ -19,7 +19,7 @@ export function AdminTestCallButton() {
       });
       const data = (await response.json().catch(() => ({}))) as { testUrl?: string; error?: string };
       if (!response.ok || !data.testUrl) {
-        setError(data.error || "Der Test-Call konnte nicht gestartet werden.");
+        setError(data.error || "Der Test-Videoanruf konnte nicht gestartet werden.");
         return;
       }
 
@@ -38,25 +38,14 @@ export function AdminTestCallButton() {
   }
 
   return (
-    <div style={{ padding: "0 8px 8px" }}>
+    <div className="anouma-custom-nav-action">
       <button
         type="button"
         onClick={() => void createTestCall()}
         disabled={loading}
-        style={{
-          width: "100%",
-          padding: "8px 12px",
-          borderRadius: 6,
-          fontSize: 13,
-          fontWeight: 600,
-          color: "#fff",
-          background: "#8b616d",
-          border: "1px solid #8b616d",
-          cursor: loading ? "wait" : "pointer",
-          opacity: loading ? 0.7 : 1,
-        }}
+        className="anouma-custom-nav-button"
       >
-        {loading ? "Test-Link wird erzeugt …" : copied ? "✓ Test-Link kopiert" : "▶ Test-Videoanruf"}
+        {loading ? "Test-Link wird erzeugt ..." : copied ? "Test-Link kopiert" : "Videoanruf testen"}
       </button>
       {url && (
         <input
@@ -65,10 +54,10 @@ export function AdminTestCallButton() {
           value={url}
           aria-label="Test-Videoanruf-Link"
           onFocus={(event) => event.currentTarget.select()}
-          style={{ width: "100%", marginTop: 6, padding: "5px 7px", border: "1px solid #e2e2e2", borderRadius: 5, fontSize: 11 }}
+          className="anouma-custom-nav-input"
         />
       )}
-      {error && <p style={{ margin: "6px 0 0", color: "#a33", fontSize: 11 }}>{error}</p>}
+      {error && <p className="anouma-custom-nav-error">{error}</p>}
     </div>
   );
 }