UI: дополнения группы — горизонтальные тумблеры вместо галочек; строка базовой игры скрыта

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/pages/GroupSettingsPage.tsx

@@ -72,21 +72,24 @@ export function GroupSettingsPage() {
       <div className="card">
         <h3>Дополнения</h3>
         <div className="stack">
-          {(expansions ?? []).map((e) => (
-            <label key={e.id} className="row" style={{ justifyContent: "space-between" }}>
-              <span>
-                {e.name_ru}
-                {e.is_base && <span className="muted small"> (всегда включено)</span>}
-              </span>
-              <input
-                type="checkbox"
-                style={{ width: "auto" }}
-                disabled={e.is_base || !isOwner}
-                checked={e.is_base || selected.has(e.id)}
-                onChange={() => toggle(e.id)}
-              />
-            </label>
-          ))}
+          {(expansions ?? [])
+            .filter((e) => !e.is_base)
+            .map((e) => (
+              <label key={e.id} className="row" style={{ justifyContent: "space-between" }}>
+                <span>{e.name_ru}</span>
+                <span className="switch">
+                  <input
+                    type="checkbox"
+                    disabled={!isOwner}
+                    checked={selected.has(e.id)}
+                    onChange={() => toggle(e.id)}
+                  />
+                  <span className="switch-track">
+                    <span className="switch-thumb" />
+                  </span>
+                </span>
+              </label>
+            ))}
         </div>
         {isOwner && (
           <button className="btn btn-primary" style={{ marginTop: 10 }} onClick={saveExpansions}>