Refactors loading function

* Initialize service component and handler in hooks
* Dynamically watch the config instead of a reload on each page
* Uses derived store for public server config
* Moves service data in its own page data property
* Reverts to a array to store group/services

src/config.yml

@@ -2,24 +2,23 @@ title: 'Hello World !!'
 subtitle: 'actually, I am a new pilot.'
 
 services:
-    cloud:
-        title: '/Cloud'
-        subtitle: 'Private Cloud Utilities'
-        icon: 'fas fa-cloud'
-        items:
-            nas:
-                title: 'NAS'
-                subtitle: 'Network Attached Storage'
-                icon: 'fas fa-hard-drive'
-                target: '_blank'
-                url: '/NAS'
-                keywords: 'cloud storage files'
-                type: prowlarr
-            pihole:
-                title: 'PiHole'
-                subtitle: 'A DNS Hole'
-                icon: 'fas fa-hard-drive'
-                target: '_blank'
-                url: '/pihole'
-                type: 'pihole'
-                keywords: 'cloud storage files'
+  - title: '/Cloud'
+    subtitle: 'Private Cloud Utilities'
+    icon: 'fas fa-cloud'
+    items:
+      - title: 'NAS'
+        subtitle: 'Network Attached Storage'
+        icon: 'fas fa-hard-drive'
+        target: '_blank'
+        url: '/NAS'
+        type: prowlarr
+
+        keywords: 'cloud storage files'
+
+      - title: 'PiHole'
+        subtitle: 'A DNS Hole'
+        icon: 'fas fa-hard-drive'
+        target: '_blank'
+        url: '/pihole'
+        type: 'pihole'
+        keywords: 'cloud storage files'