Major PWA and mobile UI improvements

- Fixed PWA installation on Android by correcting manifest.json icon configuration
- Made UI mobile-friendly with compact layout and sticky record button
- Implemented auto-translation after transcription stops
- Updated branding from 'Voice Translator' to 'Talk2Me' throughout
- Added reverse proxy support with ProxyFix middleware
- Created diagnostic tools for PWA troubleshooting
- Added proper HTTP headers for service worker and manifest
- Improved mobile CSS with responsive design
- Fixed JavaScript bundling with webpack configuration
- Updated service worker cache versioning
- Added comprehensive PWA documentation

These changes ensure the app works properly as a PWA on Android devices
and provides a better mobile user experience.

static/css/styles.css

@@ -422,6 +422,41 @@
         max-width: 300px;
         font-size: 14px;
     }
+    
+    /* Make the entire layout more compact on mobile */
+    body {
+        font-size: 14px;
+    }
+    
+    /* Reduce spacing on mobile */
+    .mb-3 {
+        margin-bottom: 0.5rem !important;
+    }
+    
+    .mb-4 {
+        margin-bottom: 0.75rem !important;
+    }
+    
+    /* Compact cards on mobile */
+    .card {
+        margin-bottom: 8px !important;
+    }
+    
+    /* Hide less important elements on small screens */
+    .text-muted.small {
+        font-size: 0.75rem;
+    }
+    
+    /* Adjust button sizes */
+    .btn {
+        font-size: 0.875rem;
+    }
+    
+    /* Make dropdowns more compact */
+    .form-select {
+        font-size: 0.875rem;
+        padding: 0.25rem 0.5rem;
+    }
 }
 
 /* Streaming translation styles */