chore: automated housekeeping...

src/UI/BigComponents/WelcomeBack.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-
   import { Popover } from "flowbite-svelte"
   import { fade } from "svelte/transition"
   import { OsmConnection } from "../../Logic/Osm/OsmConnection"
@@ -8,23 +7,28 @@
   export let state: { osmConnection: OsmConnection }
   let userdetails = state.osmConnection.userDetails
 
-  userdetails.addCallbackAndRunD(ud => {
+  userdetails.addCallbackAndRunD((ud) => {
     if (ud) {
       open = true
       window.setTimeout(() => {
-         open = false
+        open = false
       }, 5000)
     }
   })
 </script>
 
-
-<Popover class="mt-4 z-50" defaultClass="py-2 px-3 w-fit " trigger=null placement="bottom"
-         transition={e => fade(e, {duration: 150})} bind:open>
+<Popover
+  class="z-50 mt-4"
+  defaultClass="py-2 px-3 w-fit "
+  trigger="null"
+  placement="bottom"
+  transition={(e) => fade(e, { duration: 150 })}
+  bind:open
+>
   {#if $userdetails !== undefined}
     <div style="width: max-content" class="flex items-center">
       {#if $userdetails.img}
-        <img src={$userdetails.img } alt="profile picture" class="w-8 h-8 rounded-full mr-4" />
+        <img src={$userdetails.img} alt="profile picture" class="mr-4 h-8 w-8 rounded-full" />
       {/if}
       <div>
         <div>Welcome back</div>
@@ -35,4 +39,3 @@
     </div>
   {/if}
 </Popover>
-