Phase 3.5: Finalized UI polish, added Console, and fixed stale stream status bug

frontend/lib/pages/settings_page.dart

@@ -8,38 +8,72 @@ class SettingsPage extends StatefulWidget {
 }
 
 class _SettingsPageState extends State<SettingsPage> {
-  final _urlController = TextEditingController();
+  late TextEditingController _urlController;
 
   @override
   void initState() {
     super.initState();
-    _urlController.text = context.read<SettingsProvider>().baseUrl;
+    _urlController = TextEditingController(text: context.read<SettingsProvider>().baseUrl);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: Text("Server Settings")),
-      body: Padding(
-        padding: const EdgeInsets.all(16.0),
+      appBar: AppBar(title: Text("Settings", style: TextStyle(fontWeight: FontWeight.bold))),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(24.0),
         child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
           children: [
+            Text(
+              "Network Configuration",
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                color: Theme.of(context).colorScheme.primary,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            SizedBox(height: 16),
             TextField(
               controller: _urlController,
               decoration: InputDecoration(
-                labelText: "Backend URL (e.g., http://127.0.0.1:8080)",
+                labelText: "Backend Server URL",
+                hintText: "http://127.0.0.1:8080",
+                prefixIcon: Icon(Icons.lan),
+                border: OutlineInputBorder(borderRadius: BorderRadius.circular(12)),
+                helperText: "Restarting stream may be required after change",
               ),
             ),
-            SizedBox(height: 20),
-            ElevatedButton(
-              onPressed: () {
-                context.read<SettingsProvider>().setBaseUrl(_urlController.text);
-                ScaffoldMessenger.of(context).showSnackBar(
-                  SnackBar(content: Text("Server URL Updated")),
-                );
-              },
-              child: Text("Save Settings"),
+            SizedBox(height: 24),
+            SizedBox(
+              width: double.infinity,
+              height: 50,
+              child: ElevatedButton.icon(
+                onPressed: () {
+                  context.read<SettingsProvider>().setBaseUrl(_urlController.text);
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(
+                      content: Text("Server URL Updated"),
+                      behavior: SnackBarBehavior.floating,
+                    ),
+                  );
+                },
+                icon: Icon(Icons.save),
+                label: Text("Save Configuration"),
+                style: ElevatedButton.styleFrom(
+                  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+                ),
+              ),
             ),
+            SizedBox(height: 40),
+            Divider(),
+            SizedBox(height: 20),
+            Text(
+              "About Hightube",
+              style: TextStyle(fontWeight: FontWeight.bold, color: Colors.grey),
+            ),
+            SizedBox(height: 10),
+            Text("Version: 1.0.0-MVP"),
+            Text("Status: Phase 3.5 (UI Refinement)"),
           ],
         ),
       ),