Refactor update Devices and hostName

Front-end
========
- hostName directly from telemetry

Back-end
========
- Module Devices, refactor updateDevices

Author: ewowi

interface/src/lib/stores/telemetry.ts

@@ -47,7 +47,6 @@ function createTelemetry() {
 					rssi: { rssi: 0, ssid: data.ssid, disconnected: true, safeMode: data.safeMode, restartNeeded: data.restartNeeded, saveNeeded: data.saveNeeded, hostName: data.hostName } // 🌙  variables added
 				}));
 			}
-			localStorage.setItem('telemetry.rssi.hostName', data.hostName || 'MoonLight');
 		},
 		setBattery: (data: Battery) => {
 			update((telemetry_data) => ({

interface/src/routes/+layout.svelte

@@ -156,7 +156,7 @@
 </script>
 
 <svelte:head>
-	<title>{localStorage.getItem('telemetry.rssi.hostName') || 'MoonLight'}</title>
+	<title>{$telemetry.rssi.hostName || 'MoonLight'}</title>
 </svelte:head>
 
 {#if page.data.features.security && $user.bearer_token === ''}

interface/src/routes/statusbar.svelte

@@ -95,7 +95,7 @@
 			><Hamburger class="h-6 w-auto" /></label
 		>
 		<img src={logo} alt="Logo" class="h-12 w-12 lg:hidden" /> <!-- 🌙 -->
-		<span class="px-2 text-xl font-bold lg:text-2xl">{localStorage.getItem('telemetry.rssi.hostName') || 'MoonLight'}</span> <!-- 🌙 -->
+		<span class="px-2 text-xl font-bold lg:text-2xl">{$telemetry.rssi.hostName || 'MoonLight'}</span> <!-- 🌙 -->
 	</div>
 	<div class="indicator flex-none">
 		<UpdateIndicator />