Fix self-closing tags

src/lib/components/Dialog.svelte

@@ -12,9 +12,11 @@
 
 <div class="center fixed inset-0 z-modal">
   <button
+    aria-label="Close dialog"
     class="absolute inset-0 cursor-pointer bg-black opacity-75"
     transition:fade={{duration: 300}}
-    on:click={onClose} />
+    on:click={onClose}>
+  </button>
   <div class="scroll-container relative {extraClass}" transition:fly={{duration: 300}}>
     <slot />
   </div>

src/lib/components/Divider.svelte

@@ -1,7 +1,7 @@
 <div class="flex items-center gap-2 p-2 text-xs uppercase opacity-50">
-  <div class="h-px flex-grow bg-base-content opacity-25" />
+  <div class="h-px flex-grow bg-base-content opacity-25"></div>
   {#if $$slots.default}
     <p><slot /></p>
-    <div class="h-px flex-grow bg-base-content opacity-25" />
+    <div class="h-px flex-grow bg-base-content opacity-25"></div>
   {/if}
 </div>

src/lib/components/Drawer.svelte

@@ -6,9 +6,11 @@
 
 <div class="drawer fixed inset-0 z-modal">
   <button
+    aria-label="Close drawer"
     class="absolute inset-0 cursor-pointer bg-black opacity-50"
     transition:fade
-    on:click={onClose} />
+    on:click={onClose}>
+  </button>
   <div
     class="scroll-container saiy sair absolute bottom-0 right-0 top-0 w-80 overflow-auto bg-base-200 text-base-content lg:w-96"
     transition:translate={{axis: "x", duration: 300}}>

src/lib/components/EmojiPicker.svelte

@@ -22,4 +22,4 @@
   })
 </script>
 
-<emoji-picker bind:this={element} />
+<emoji-picker bind:this={element}></emoji-picker>

src/lib/components/Icon.svelte

@@ -174,4 +174,5 @@
 
 <div
   class={cx("inline-block", $$props.class)}
-  style="mask-image: url({data}); width: {px}px; height: {px}px; min-width: {px}px; min-height: {px}px; background-color: currentcolor;" />
+  style="mask-image: url({data}); width: {px}px; height: {px}px; min-width: {px}px; min-height: {px}px; background-color: currentcolor;">
+</div>

src/lib/components/PrimaryNavItem.svelte

@@ -19,7 +19,7 @@
       data-tip={title}>
       <slot />
       {#if !active && notification}
-        <div class="absolute right-2 top-2 h-2 w-2 rounded-full bg-primary" />
+        <div class="absolute right-2 top-2 h-2 w-2 rounded-full bg-primary"></div>
       {/if}
     </div>
   </a>
@@ -32,7 +32,7 @@
       data-tip={title}>
       <slot />
       {#if !active && notification}
-        <div class="absolute right-2 top-2 h-2 w-2 rounded-full bg-primary" />
+        <div class="absolute right-2 top-2 h-2 w-2 rounded-full bg-primary"></div>
       {/if}
     </div>
   </Button>

src/lib/components/SecondaryNavItem.svelte

@@ -44,7 +44,7 @@
     class:bg-base-100={active}>
     <slot />
     {#if !active && notification}
-      <div class="absolute right-2 top-5 h-2 w-2 rounded-full bg-primary" transition:fade />
+      <div class="absolute right-2 top-5 h-2 w-2 rounded-full bg-primary" transition:fade></div>
     {/if}
   </a>
 {:else}
@@ -58,7 +58,7 @@
     class:text-base-content={active}
     class:bg-base-100={active}>
     {#if !active && notification}
-      <div class="absolute right-2 top-5 h-2 w-2 rounded-full bg-primary" transition:fade />
+      <div class="absolute right-2 top-5 h-2 w-2 rounded-full bg-primary" transition:fade></div>
     {/if}
     <slot />
   </button>

src/lib/components/Spinner.svelte

@@ -7,7 +7,7 @@
 <span class="flex min-h-10 items-center">
   {#if loading}
     <span class="pr-3" transition:slide|local={{axis: "x"}}>
-      <span class="loading loading-spinner" transition:fade|local={{duration: 100}} />
+      <span class="loading loading-spinner" transition:fade|local={{duration: 100}}></span>
     </span>
   {/if}
   <slot />

src/lib/components/Tippy.svelte

@@ -2,14 +2,14 @@
   import "tippy.js/animations/shift-away.css"
 
   import {onMount} from "svelte"
-  import type {SvelteComponent, ComponentType, ComponentProps} from "svelte"
+  import type {Component, ComponentProps} from "svelte"
   import tippy, {type Instance, type Props} from "tippy.js"
 
-  export let component: ComponentType
+  export let component: Component
   export let props: ComponentProps<any> = {}
   export let params: Partial<Props> = {}
   export let popover: Instance | undefined = undefined
-  export let instance: SvelteComponent | undefined = undefined
+  export let instance: Component | undefined = undefined
 
   let element: Element