Multiple improvements to the frontend

* Consistent usage of modal footer
* Remove hosts
* Moved hosts to dedicated store

frontend/src/lib/stores/connections.js

@@ -1,3 +1,5 @@
 import { writable } from 'svelte/store';
 
-export const connections = writable({});
+const connections = writable({});
+
+export default connections;

frontend/src/lib/stores/hosts.js

@@ -0,0 +1,11 @@
+import { Hosts } from "$wails/go/app/App";
+import { writable } from "svelte/store";
+import applicationInited from "./inited";
+
+const { set, subscribe } = writable();
+
+const update = async () => set(await Hosts());
+applicationInited.defer(update);
+
+const hosts = { update, subscribe };
+export default hosts;

frontend/src/lib/stores/inited.js

@@ -2,13 +2,35 @@ import { derived } from 'svelte/store';
 import environment from './environment';
 import applicationSettings from './settings';
 
-const applicationInited = derived([ environment, applicationSettings ], ([ env, settings ], set) => {
+let alreadyInited = false;
+
+const listeners = [];
+const defer = listener => {
+  if (alreadyInited) {
+    listener();
+  }
+  else {
+    listeners.push(listener)
+  }
+};
+
+const { subscribe } = derived([ environment, applicationSettings ], ([ env, settings ], set) => {
+  if (alreadyInited) {
+    return;
+  }
+
   if (env && settings) {
     set(true);
+    alreadyInited = true;
 
     // Remove loading spinner.
     document.getElementById('app-loading')?.remove();
+
+    // Call hooks
+    listeners.forEach(l => l());
   }
 }, false);
 
+const applicationInited = { defer, subscribe };
+
 export default applicationInited;