Modernize settings structure with visual sections and emojis

- Add ASCII art separators between major sections
- Group settings logically with emoji icons:
  - ⚙️ General Settings
  - 🎨 Color Settings
  - 🎯 Hero Section
  - 🔍 Search Settings
  - 📚🤝🛠️🔒 CTA Cards 1-4
  - 🎨 Advanced Customization
- Improve visual hierarchy and navigation in admin panel
- Each CTA card now has distinct visual section header
- Better organized for easier configuration

settings.yml

@@ -1,3 +1,7 @@
+# =============================================================================
+# ⚙️ GENERAL SETTINGS
+# =============================================================================
+
 enable_welcome_banner:
   default: true
   type: bool
@@ -25,7 +29,10 @@ show_on_pages:
     en: "Display banner on 'homepage_only' or 'all_pages'"
     hu: "Banner megjelenítése 'homepage_only' (csak főoldal) vagy 'all_pages' (minden oldal)"
 
-# Color Settings
+# =============================================================================
+# 🎨 COLOR SETTINGS
+# =============================================================================
+
 primary_color:
   default: "#e81f2d"
   type: string
@@ -56,7 +63,10 @@ text_color:
     en: "Text color. Supports: hex, rgb, rgba, hsl. Example: #ddd OR rgba(255,255,255,0.9)"
     hu: "Szöveg színe. Támogatott: hex, rgb, rgba, hsl. Példa: #ddd VAGY rgba(255,255,255,0.9)"
 
-# Hero Section Settings
+# =============================================================================
+# 🎯 HERO SECTION
+# =============================================================================
+
 hero_title_html:
   default: "👋 Üdvözöllek a <strong>Nyíltvilág</strong> fórumon!"
   type: string
@@ -77,7 +87,10 @@ hero_content_html:
     en: Hero section content (HTML allowed)
     hu: Hero szekció tartalma (HTML használható)
 
-# Search Settings
+# =============================================================================
+# 🔍 SEARCH SETTINGS
+# =============================================================================
+
 enable_hero_search:
   default: true
   type: bool
@@ -92,7 +105,10 @@ search_placeholder:
     en: Search input placeholder text
     hu: Keresőmező placeholder szövege
 
-# CTA Card 1
+# =============================================================================
+# 📚 CTA CARD 1
+# =============================================================================
+
 cta_card_1_enabled:
   default: true
   type: bool
@@ -152,7 +168,10 @@ cta_card_1_url:
     en: CTA card 1 URL
     hu: 1. CTA kártya URL-je
 
-# CTA Card 2
+# =============================================================================
+# 🤝 CTA CARD 2
+# =============================================================================
+
 cta_card_2_enabled:
   default: true
   type: bool
@@ -212,7 +231,10 @@ cta_card_2_url:
     en: CTA card 2 URL
     hu: 2. CTA kártya URL-je
 
-# CTA Card 3
+# =============================================================================
+# 🛠️ CTA CARD 3
+# =============================================================================
+
 cta_card_3_enabled:
   default: true
   type: bool
@@ -272,7 +294,10 @@ cta_card_3_url:
     en: CTA card 3 URL
     hu: 3. CTA kártya URL-je
 
-# CTA Card 4
+# =============================================================================
+# 🔒 CTA CARD 4
+# =============================================================================
+
 cta_card_4_enabled:
   default: true
   type: bool
@@ -332,7 +357,10 @@ cta_card_4_url:
     en: CTA card 4 URL
     hu: 4. CTA kártya URL-je
 
-# Advanced Customization
+# =============================================================================
+# 🎨 ADVANCED CUSTOMIZATION
+# =============================================================================
+
 custom_css:
   default: ""
   type: string