start refactoring for default credentials

src/ui/ErrorAlert.svelte

@@ -52,12 +52,10 @@
 
 
 <div in:slide="{{duration: slideDuration}}" class="alert alert-error shadow-lg {animationClass} {extraClasses}">
-    <div>
-        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
-        <span>
-            <slot></slot>
-        </span>
-    </div>
+    <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+    <span>
+        <slot></slot>
+    </span>
 
     {#if $$slots.buttons}
         <div>

src/ui/Icon.svelte

@@ -5,7 +5,7 @@
     let classes = "";
     export {classes as class};
 
-    let svg = ICONS[`./icons/${name}.svelte`].default;
+    $: svg = ICONS[`./icons/${name}.svelte`].default;
 </script>
 
 <svelte:component this={svg} class={classes} />

src/ui/Link.svelte

@@ -31,6 +31,7 @@
             && shift === event.shiftKey
         ) {
             click();
+            event.preventDefault();
         }
     }
 </script>