feat: UI improvements and WMT sync workflow overhaul

app/web/main.py

@@ -34,7 +34,7 @@ def devices():
         with get_db().get_session() as session:
             devices = session.query(Device).order_by(Device.last_seen.desc()).all()
 
-            # Get log count per device
+            # Log count per device
             device_log_counts = {}
             for device in devices:
                 log_count = session.query(LogEntry).filter_by(device_id=device.id).count()
@@ -42,14 +42,22 @@ def devices():
 
             pending_count = session.query(WMTUpdateRequest).filter_by(status='pending').count()
 
+            # Pending approval requests mapped by mac_address for per-device badge
+            pending_requests = session.query(WMTUpdateRequest).filter_by(status='pending').all()
+            pending_by_mac = {}
+            for req in pending_requests:
+                pending_by_mac[req.mac_address] = pending_by_mac.get(req.mac_address, 0) + 1
+
             return render_template('device_management.html',
                                  devices=devices,
                                  device_log_counts=device_log_counts,
-                                 pending_count=pending_count)
+                                 pending_count=pending_count,
+                                 pending_by_mac=pending_by_mac)
     except Exception as e:
         logging.error(f"Error loading devices: {e}")
         flash(f'Error loading devices: {e}', 'error')
-        return render_template('device_management.html', devices=[], device_log_counts={}, pending_count=0)
+        return render_template('device_management.html', devices=[], device_log_counts={},
+                               pending_count=0, pending_by_mac={})
 
 @main_bp.route('/device/<int:device_id>')
 def device_detail(device_id):