feat: Implement comprehensive non-hierarchical logging system

- Created new logging infrastructure with per-component filtering
- Added 6 log levels: DEBUG, INFO, API, WARNING, ERROR, CRITICAL
- Implemented non-hierarchical level control (any combination can be enabled)
- Migrated 917 print() statements across 31 files to structured logging
- Created web UI (system.html) for runtime configuration with dark theme
- Added global level controls to enable/disable levels across all components
- Added timestamp format control (off/time/date/datetime options)
- Implemented log rotation (10MB per file, 5 backups)
- Added API endpoints for dynamic log configuration
- Configured HTTP request logging with filtering via api.requests component
- Intercepted APScheduler logs with proper formatting
- Fixed persistence paths to use /app/memory for Docker volume compatibility
- Fixed checkbox display bug in web UI (enabled_levels now properly shown)
- Changed System Settings button to open in same tab instead of new window

Components: bot, api, api.requests, autonomous, persona, vision, llm,
conversation, mood, dm, scheduled, gpu, media, server, commands,
sentiment, core, apscheduler

All settings persist across container restarts via JSON config.

bot/static/index.html

@@ -658,12 +658,13 @@
   <div class="tab-container">
     <div class="tab-buttons">
       <button class="tab-button active" onclick="switchTab('tab1')">Server Management</button>
-              <button class="tab-button" onclick="switchTab('tab2')">Actions</button>
-        <button class="tab-button" onclick="switchTab('tab3')">Status</button>
-        <button class="tab-button" onclick="switchTab('tab4')">🎨 Image Generation</button>
-        <button class="tab-button" onclick="switchTab('tab5')">📊 Autonomous Stats</button>
-        <button class="tab-button" onclick="switchTab('tab6')">💬 Chat with LLM</button>
-      </div>
+      <button class="tab-button" onclick="switchTab('tab2')">Actions</button>
+      <button class="tab-button" onclick="switchTab('tab3')">Status</button>
+      <button class="tab-button" onclick="switchTab('tab4')">🎨 Image Generation</button>
+      <button class="tab-button" onclick="switchTab('tab5')">📊 Autonomous Stats</button>
+      <button class="tab-button" onclick="switchTab('tab6')">💬 Chat with LLM</button>
+      <button class="tab-button" onclick="window.location.href='/static/system.html'">🎛️ System Settings</button>
+    </div>
 
     <!-- Tab 1 Content -->
     <div id="tab1" class="tab-content active">