refactored to make use of the ServiceType enum throughout backend and frontend for typesafety

frontend/src/components/connections/Dashboard.tsx

@@ -1,13 +1,13 @@
 import { useState, useEffect } from "react"
 import { getStatuses, logout } from "../../api/connections"
-import type { ConnectionStatus } from "../../types/connection"
+import { ServiceType, type ConnectionStatus } from "../../types/connection"
 import { ServiceCard } from "./ServiceCard"
 import { ConnectModal } from "./ConnectModal"
 import "./Dashboard.scss"
 import { SearchModal } from "../search/SearchModal"
 
 const SERVICES = [
-    { serviceType: 'HOMEBOX', label: 'Homebox', icon: '📦' },
+    { serviceType: ServiceType.HOMEBOX, label: 'Homebox', icon: '📦' },
 ] as const
 
 export function Dashboard() {
@@ -21,7 +21,7 @@ export function Dashboard() {
 
     useEffect(() => { refresh() }, [])
 
-    const handleDisconnect = (serviceType: string) => {
+    const handleDisconnect = (serviceType: ServiceType) => {
         logout(serviceType).then(refresh).catch(() => { })
     }