Fixed Device Viewer not Opening because of past updates

.claude/settings.local.json

@@ -7,7 +7,9 @@
       "Bash(python -c:*)",
       "Bash(npx vite build:*)",
       "Bash(wc:*)",
-      "Bash(ls:*)"
+      "Bash(ls:*)",
+      "Bash(node -c:*)",
+      "Bash(npm run lint:*)"
     ]
   }
 }

frontend/src/devices/DeviceDetail.jsx

@@ -354,6 +354,7 @@ export default function DeviceDetail() {
   const [showDelete, setShowDelete] = useState(false);
   const [mqttStatus, setMqttStatus] = useState(null);
   const [locationName, setLocationName] = useState(null);
+  const cols = useBreakpoint();
   const [deviceUsers, setDeviceUsers] = useState([]);
   const [usersLoading, setUsersLoading] = useState(false);
 
@@ -447,8 +448,6 @@ export default function DeviceDetail() {
   const nextMaintenance = maintainedOn && stats.maintainancePeriod ? addDays(maintainedOn, stats.maintainancePeriod) : null;
   const maintenanceDaysLeft = nextMaintenance ? daysUntil(nextMaintenance) : null;
 
-  const cols = useBreakpoint();
-
   // ===== Section definitions =====
 
   const deviceInfoSection = (

frontend/src/melodies/MelodyList.jsx

@@ -16,8 +16,8 @@ const MELODY_TONES = ["", "normal", "festive", "cheerful", "lamentation"];
 
 // All available columns with their defaults
 const ALL_COLUMNS = [
-  { key: "status", label: "Status", defaultOn: true },
   { key: "color", label: "Color", defaultOn: true },
+  { key: "status", label: "Status", defaultOn: true },
   { key: "name", label: "Name", defaultOn: true, alwaysOn: true },
   { key: "description", label: "Description", defaultOn: false },
   { key: "type", label: "Type", defaultOn: true },