feat: Major system improvements and production deployment

✨ New Features:
- Added view_orders route with proper table display
- Implemented CSV upload with preview workflow and date parsing
- Added production WSGI server configuration with Gunicorn
- Created comprehensive production management scripts

🔧 Bug Fixes:
- Fixed upload_data route column mapping for actual CSV structure
- Resolved print module database queries and template rendering
- Fixed view orders navigation routing (was pointing to JSON API)
- Corrected barcode display width constraints in print module
- Added proper date format parsing for MySQL compatibility

🎨 UI/UX Improvements:
- Updated view_orders template with theme-compliant styling
- Hidden barcode text in print module preview for cleaner display
- Enhanced CSV upload with two-step preview-then-save workflow
- Improved error handling and debugging throughout upload process

🚀 Production Infrastructure:
- Added Gunicorn WSGI server with proper configuration
- Created systemd service for production deployment
- Implemented production management scripts (start/stop/status)
- Added comprehensive logging setup
- Updated requirements.txt with production dependencies

📊 Database & Data:
- Enhanced order_for_labels table compatibility
- Fixed column mappings for real CSV data structure
- Added proper date parsing and validation
- Improved error handling with detailed debugging

🔧 Technical Debt:
- Reorganized database setup documentation
- Added proper error handling throughout upload workflow
- Enhanced debugging capabilities for troubleshooting
- Improved code organization and documentation

py_app/app/templates/print_module.html

@@ -10,8 +10,9 @@
 
 /* Enhanced table styling */
 .card.scan-table-card table.print-module-table.scan-table thead th {
-    border-bottom: 2px solid #dee2e6 !important;
-    background-color: #f8f9fa !important;
+    border-bottom: 2px solid var(--app-border-color, #dee2e6) !important;
+    background-color: var(--app-table-header-bg, #2a3441) !important;
+    color: var(--app-text-color, #ffffff) !important;
     padding: 0.25rem 0.4rem !important;
     text-align: left !important;
     font-weight: 600 !important;
@@ -22,13 +23,21 @@
 .card.scan-table-card table.print-module-table.scan-table {
     width: 100% !important;
     border-collapse: collapse !important;
+    background-color: var(--app-card-bg, #2a3441) !important;
 }
 
 .card.scan-table-card table.print-module-table.scan-table tbody tr:hover td {
-    background-color: #f8f9fa !important;
+    background-color: var(--app-hover-bg, #3a4451) !important;
     cursor: pointer !important;
 }
 
+.card.scan-table-card table.print-module-table.scan-table tbody td {
+    background-color: var(--app-card-bg, #2a3441) !important;
+    color: var(--app-text-color, #ffffff) !important;
+    border: 1px solid var(--app-border-color, #495057) !important;
+    padding: 0.25rem 0.4rem !important;
+}
+
 .card.scan-table-card table.print-module-table.scan-table tbody tr.selected td {
     background-color: #007bff !important;
     color: white !important;
@@ -140,13 +149,13 @@
                 </div>
             </div>
             
-            <!-- Barcode Frame - positioned 10px below rectangle, centered, 90% of label width -->
-            <div id="barcode-frame" style="position: absolute; top: 395px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 270px; height: 50px; background: white; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+            <!-- Barcode Frame - positioned 10px below rectangle, centered, constrained to label width -->
+            <div id="barcode-frame" style="position: absolute; top: 395px; left: 50%; transform: translateX(-50%); width: 220px; max-width: 220px; height: 50px; background: white; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;">
                 <!-- Code 128 Barcode representation -->
-                <svg id="barcode-display" style="width: 100%; height: 40px;"></svg>
+                <svg id="barcode-display" style="width: 100%; height: 40px; max-width: 220px;"></svg>
                 
-                <!-- Barcode text below the bars -->
-                <div id="barcode-text" style="font-size: 8px; font-family: 'Courier New', monospace; margin-top: 2px; text-align: center; font-weight: bold;">
+                <!-- Barcode text below the bars (hidden in preview) -->
+                <div id="barcode-text" style="font-size: 8px; font-family: 'Courier New', monospace; margin-top: 2px; text-align: center; font-weight: bold; display: none;">
                     <!-- Barcode text will be populated here -->
                 </div>
             </div>
@@ -156,8 +165,8 @@
                 <!-- Vertical Code 128 Barcode representation -->
                 <svg id="vertical-barcode-display" style="width: 100%; height: 35px;"></svg>
                 
-                <!-- Vertical barcode text -->
-                <div id="vertical-barcode-text" style="position: absolute; bottom: -15px; font-size: 7px; font-family: 'Courier New', monospace; text-align: center; font-weight: bold; width: 100%;">
+                <!-- Vertical barcode text (hidden in preview) -->
+                <div id="vertical-barcode-text" style="position: absolute; bottom: -15px; font-size: 7px; font-family: 'Courier New', monospace; text-align: center; font-weight: bold; width: 100%; display: none;">
                     <!-- Vertical barcode text will be populated here -->
                 </div>
             </div>
@@ -475,10 +484,12 @@ function updateLabelPreview(order) {
             
             JsBarcode("#barcode-display", horizontalBarcodeData, {
                 format: "CODE128",
-                width: 2,
+                width: 1.2,
                 height: 40,
                 displayValue: false,
-                margin: 2
+                margin: 0,
+                fontSize: 0,
+                textMargin: 0
             });
             console.log('✅ Horizontal barcode generated successfully');
         } catch (e) {