📐 Adds socket-service

app/src/components/settings/Configuration.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
-    import { socket, isConnected, settings } from "../../lib/socket";
+    import socketService from "$lib/services/socket-service";
     import { onMount } from 'svelte'
     
+    let isConnected = socketService.isConnected
+    let settings = socketService.settings
+
     onMount(() => {
         if ($isConnected) {
             const message = JSON.stringify({type: 'system/settings'})
-            $socket.send(message)
+            socketService.send(message)
         }
     })
 

app/src/components/settings/Info.svelte

@@ -1,12 +1,16 @@
 <script lang="ts">
-    import { socket, isConnected, systemInfo } from "../../lib/socket";
     import { onMount } from 'svelte'
 	import { humanFileSize } from "$lib/utilities";
+	import socketService from '$lib/services/socket-service';
+
+    let isConnected = socketService.isConnected
+    let settings = socketService.settings
+    let systemInfo = socketService.systemInfo
     
     onMount(() => {
         if ($isConnected) {
             const message = JSON.stringify({type: 'system/info'})
-            $socket.send(message)
+            socketService.send(message)
         }
     })
 

app/src/components/settings/Log.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
-    import { socket, isConnected, log } from "../../lib/socket";
+	import socketService from "$lib/services/socket-service";
     import { onMount } from 'svelte'
+
+    let isConnected = socketService.isConnected
+    let log = socketService.log
     
     onMount(() => {
         if ($isConnected) {
             const message = JSON.stringify({type: 'system/logs'})
-            $socket.send(message)
+            socketService.send(message)
         }
     })