Phase 4: Light mode removal + CreateTicketView restructuring

## Light Mode Removal & Optimization
- Removed theme toggle functionality from dashboard.js
- Forced dark mode only (terminal aesthetic)
- Cleaned up .theme-toggle CSS class and styles
- Removed body.light-mode CSS rules from all view files
- Simplified user-header styles to use static dark colors
- Removed CSS custom properties (--header-bg, --header-text, --border-color)
- Removed margin-right for theme toggle button (no longer needed)

## CreateTicketView Complete Restructuring
- Added user header with back link and user info
- Restructured into 6 vertical nested ASCII sections:
  1. Form Header - Create New Ticket introduction
  2. Template Selection - Optional template dropdown
  3. Basic Information - Title input field
  4. Ticket Metadata - Status, Priority, Category, Type (4-column)
  5. Detailed Description - Main textarea
  6. Form Actions - Create/Cancel buttons
- Each section wrapped in ascii-section-header → ascii-content → ascii-frame-inner
- Added ASCII dividers between all sections
- Added ╚╝ bottom corner characters to outer frame
- Improved error message styling with priority-1 color
- Added helpful placeholder text and hints

## Files Modified
- assets/css/dashboard.css: Removed theme toggle CSS (~19 lines)
- assets/js/dashboard.js: Removed initThemeToggle() and forced dark mode
- views/DashboardView.php: Simplified user-header CSS (removed light mode)
- views/TicketView.php: Simplified user-header CSS (removed light mode)
- views/CreateTicketView.php: Complete restructuring (98→242 lines)

## Code Quality
- Maintained all existing functionality and event handlers
- Kept all class names for JavaScript compatibility
- Consistent nested frame structure across all pages
- Zero breaking changes to backend or business logic
- Optimized by removing ~660 unused lines total

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

views/TicketView.php

@@ -79,27 +79,16 @@ function formatDetails($details, $actionType) {
     </div>
     <style>
         .user-header {
-            background: var(--header-bg, #2c3e50);
+            background: #2c3e50;
             padding: 0.5rem 1rem;
-            margin-right: 60px; /* Space for theme toggle */
             margin-left: 50px; /* Space for hamburger menu */
-            color: var(--header-text, white);
+            color: white;
             display: flex;
             justify-content: space-between;
             align-items: center;
-            border-bottom: 1px solid var(--border-color, #ddd);
+            border-bottom: 1px solid #444;
             box-sizing: border-box;
         }
-        body.light-mode .user-header {
-            --header-bg: #f8f9fa;
-            --header-text: #333;
-            --border-color: #dee2e6;
-        }
-        body.dark-mode .user-header {
-            --header-bg: #2c3e50;
-            --header-text: white;
-            --border-color: #444;
-        }
         .user-header-left, .user-header-right {
             display: flex;
             align-items: center;
@@ -108,7 +97,7 @@ function formatDetails($details, $actionType) {
             min-width: 0;
         }
         .back-link {
-            color: var(--header-text);
+            color: white;
             text-decoration: none;
             font-weight: bold;
             font-size: 1rem;
@@ -118,7 +107,7 @@ function formatDetails($details, $actionType) {
             text-decoration: underline;
         }
         .user-name {
-            color: var(--header-text);
+            color: white;
             font-size: 0.9rem;
             white-space: nowrap;
             overflow: hidden;