fix: resolve biome check failures

Author: awesomestvi

src/app/components/ui/sidebar.tsx

@@ -70,7 +70,7 @@ function SidebarProvider({
         _setOpen(openState);
       }
 
-      // This sets the cookie to keep the sidebar state.
+      // biome-ignore lint/suspicious/noDocumentCookie: Cookie persistence is used to preserve sidebar state between reloads.
       document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
     },
     [setOpenProp, open]

src/app/contexts/theme-context.tsx

@@ -3,7 +3,6 @@
  * Updated to use Zustand for state management with localStorage persistence
  */
 import { createContext, type ReactNode, useContext, useMemo } from 'react';
-import { shallow } from 'zustand/shallow';
 import { useThemeStore } from '../stores/theme-store';
 
 export type ThemeType = 'dark' | 'light' | 'contrast';

src/app/features/dashboard/components/widgets/photo-frame-widget.tsx

@@ -22,8 +22,6 @@ export function PhotoFrameWidget({ size = 'large' }: PhotoFrameWidgetProps) {
   const bgColor =
     theme === 'light' ? 'bg-white/70' : theme === 'contrast' ? 'bg-black/50' : 'bg-white/10';
   const textPrimary = theme === 'light' ? 'text-gray-900' : 'text-white';
-  const textSecondary =
-    theme === 'light' ? 'text-gray-600' : theme === 'contrast' ? 'text-gray-300' : 'text-gray-400';
   const border = theme === 'light' ? 'border-gray-200/50' : 'border-white/10';
 
   const getColorValue = (color: string) => {

src/app/features/rss/components/RSSFeedCardContainer.tsx

@@ -1,5 +1,5 @@
-import type { CardSize } from '@/app/components/shared/card-size-selector';
 import { memo } from 'react';
+import type { CardSize } from '@/app/components/shared/card-size-selector';
 import { useTheme } from '../../../contexts/theme-context';
 import { RSSFeedCardView } from './RSSFeedCardView';
 

src/app/features/sensors/components/SensorGroupSettingsContainer.tsx

@@ -1,9 +1,8 @@
 import * as Dialog from '@radix-ui/react-dialog';
-import type { LucideIcon } from 'lucide-react';
 import { memo, useCallback, useRef, useState } from 'react';
 import { CustomScrollbar } from '../../shared/components/custom-scrollbar';
-import { iconMap, type SensorIconType } from './sensors/sensor-types';
 import { SensorGroupSettingsView } from './SensorGroupSettingsView';
+import { iconMap, type SensorIconType } from './sensors/sensor-types';
 
 interface SensorReading {
   label: string;

src/app/features/sensors/components/sensor-group-settings-dialog.tsx

@@ -1,5 +1,4 @@
 import * as Dialog from '@radix-ui/react-dialog';
-import type { LucideIcon } from 'lucide-react';
 import { Plus, Search, Trash2, X } from 'lucide-react';
 import { memo, useCallback, useRef, useState } from 'react';
 import { CustomScrollbar } from '@/app/components/shared/custom-scrollbar';

src/app/features/settings/components/settings-section.tsx

@@ -18,7 +18,7 @@ import { Switch } from '@/app/components/ui/switch';
 import { useAuth } from '@/app/contexts/auth-context';
 import { useConfig } from '@/app/contexts/config-context';
 import { type ThemeType, useTheme } from '@/app/contexts/theme-context';
-import { useSettingsStore, type PrimaryColor } from '@/app/stores';
+import { type PrimaryColor, useSettingsStore } from '@/app/stores';
 
 export function SettingsSection() {
   const { theme, setTheme, primaryColor, setPrimaryColor, wallpaper, setWallpaper } = useTheme();

src/app/hooks/use-card-ordering.ts

@@ -56,7 +56,9 @@ export const useCardOrdering = (
             .flat()
             .map((d) => d.id)
         );
-        customCards.forEach((card) => allDeviceIds.add(card.id));
+        customCards.forEach((card) => {
+          allDeviceIds.add(card.id);
+        });
         const isValid = Object.values(parsed).every(
           (orderArray: unknown) =>
             Array.isArray(orderArray) &&
@@ -79,7 +81,9 @@ export const useCardOrdering = (
         .flat()
         .map((device) => device.id)
     );
-    customCards.forEach((card) => allDeviceIds.add(card.id));
+    customCards.forEach((card) => {
+      allDeviceIds.add(card.id);
+    });
 
     setCardOrders((prev) => {
       const next = buildOrders();

src/app/hooks/use-ha-devices.ts

@@ -4,8 +4,8 @@ import { useHomeAssistantContext } from '../contexts/home-assistant-context';
 import type {
   ClimateDevice,
   CoverDevice,
-  DeviceMetric,
   DeviceCollection,
+  DeviceMetric,
   LightDevice,
   LockDevice,
   PersonDevice,
@@ -454,7 +454,7 @@ export const useHADevices = (): DeviceCollection => {
           });
           break;
 
-        case 'switch':
+        case 'switch': {
           const entityEntry = entityRegistryMap.get(entityId);
           const deviceMetrics = entityEntry?.device_id
             ? switchMetricsByDeviceId.get(entityEntry.device_id)
@@ -484,6 +484,7 @@ export const useHADevices = (): DeviceCollection => {
             metrics: deviceMetrics,
           });
           break;
+        }
 
         case 'climate':
           climate.push({

src/app/services/device.service.ts

@@ -1,20 +1,24 @@
-import type { DeviceCollection, DeviceWithType } from '../types/device.types';
+import type { Device, DeviceCollection, DeviceWithType } from '../types/device.types';
 
 /**
  * Device Service
  * Handles all device data operations
  * In production, this would make API calls
  */
 class DeviceService {
+  private withType(device: Device, type: keyof DeviceCollection): DeviceWithType {
+    return { ...device, type } as DeviceWithType;
+  }
+
   /**
    * Create a device map for quick lookups by ID
    */
   createDeviceMap(devices: DeviceCollection): Map<string, DeviceWithType> {
     const deviceMap = new Map<string, DeviceWithType>();
 
     Object.entries(devices).forEach(([type, deviceArray]) => {
-      deviceArray.forEach((device: any) => {
-        deviceMap.set(device.id, { ...device, type: type as keyof DeviceCollection });
+      deviceArray.forEach((device) => {
+        deviceMap.set(device.id, this.withType(device, type as keyof DeviceCollection));
       });
     });
 
@@ -28,8 +32,8 @@ class DeviceService {
     const allDevices: DeviceWithType[] = [];
 
     Object.entries(devices).forEach(([type, deviceArray]) => {
-      deviceArray.forEach((device: any) => {
-        const deviceWithType = { ...device, type: type as keyof DeviceCollection };
+      deviceArray.forEach((device) => {
+        const deviceWithType = this.withType(device, type as keyof DeviceCollection);
 
         if ('room' in device && device.room === room) {
           allDevices.push(deviceWithType);
@@ -49,7 +53,7 @@ class DeviceService {
     const roomsSet = new Set<string>();
 
     Object.values(devices).forEach((deviceArray) => {
-      deviceArray.forEach((device: any) => {
+      deviceArray.forEach((device) => {
         if ('room' in device && device.room) {
           roomsSet.add(device.room);
         } else if ('location' in device && device.location) {