fix: chess styling section renders fields + organized sidebar menus

- Added missing data-panel="chess" HTML section for field rendering
- Reorganized sidebar into logical groups with Arabic headers:
  عام (General): Colors, Spacing, UI, Assets, Icons, Bots
  شطرنج (Chess): Board Colors, Game Styling, Pieces, Move Classes
  ألعاب أخرى (Other Games): Ludo, Domino, Backgammon
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

pages/admin-theme.php

@@ -103,20 +103,22 @@
 <div class="admin-layout" id="admin-panel" style="display:none;">
   <aside class="admin-sidebar">
     <h2>Theme Editor</h2>
-    <div class="nav-item active" data-section="colors">Colors</div>
-    <div class="nav-item" data-section="board">Board Colors</div>
-    <div class="nav-item" data-section="chess">♟ Chess Styling</div>
-    <div class="nav-item" data-section="moves">Move Classes</div>
-    <div class="nav-item" data-section="ui">UI / Overlays</div>
-    <div class="nav-item" data-section="bots">Bot Avatars</div>
-    <div class="nav-item" data-section="assets">Assets / Logo</div>
-    <div class="nav-item" data-section="pieces">Chess Pieces</div>
-    <div class="nav-item" data-section="ludo">Ludo</div>
-    <div class="nav-item" data-section="icons">Icons</div>
-    <div class="nav-item" data-section="spacing">Spacing</div>
-    <div class="nav-item" data-section="domino">Domino</div>
-    <div class="nav-item" data-section="backgammon">Backgammon</div>
-    <div class="nav-item" data-section="icons-grid">Icons Grid</div>
+    <p style="font-size:9px;color:#666;padding:8px 12px 4px;text-transform:uppercase;">عام</p>
+    <div class="nav-item active" data-section="colors">🎨 الألوان</div>
+    <div class="nav-item" data-section="spacing">📐 المسافات</div>
+    <div class="nav-item" data-section="ui">🖥 الواجهة</div>
+    <div class="nav-item" data-section="assets">📁 الشعار والملفات</div>
+    <div class="nav-item" data-section="icons-grid">🎨 الأيقونات</div>
+    <div class="nav-item" data-section="bots">🤖 البوتات</div>
+    <p style="font-size:9px;color:#666;padding:12px 12px 4px;text-transform:uppercase;">شطرنج</p>
+    <div class="nav-item" data-section="board">♟ ألوان الرقعة</div>
+    <div class="nav-item" data-section="chess">♟ تصميم اللعبة</div>
+    <div class="nav-item" data-section="pieces">♟ القطع</div>
+    <div class="nav-item" data-section="moves">♟ تصنيف النقلات</div>
+    <p style="font-size:9px;color:#666;padding:12px 12px 4px;text-transform:uppercase;">ألعاب أخرى</p>
+    <div class="nav-item" data-section="ludo">🎲 لودو</div>
+    <div class="nav-item" data-section="domino">🁣 دومينو</div>
+    <div class="nav-item" data-section="backgammon">🎯 طاولة</div>
   </aside>
 
   <div class="admin-main">
@@ -135,6 +137,12 @@
       <div class="field-grid" id="fields-board"></div>
     </div>
 
+    <!-- Chess Styling -->
+    <div class="section" data-panel="chess">
+      <div class="section-title">♟ Chess Styling — Pieces, Clock, Panel, Layout</div>
+      <div class="field-grid" id="fields-chess"></div>
+    </div>
+
     <!-- Move Classes -->
     <div class="section" data-panel="moves">
       <div class="section-title">Move Classifications</div>