Fix self-closing tags

src/app/components/ChannelMessage.svelte

@@ -65,7 +65,7 @@
         <Avatar src={$profile?.picture} class="border border-solid border-base-content" size={8} />
       </Button>
     {:else}
-      <div class="w-8 min-w-8 max-w-8" />
+      <div class="w-8 min-w-8 max-w-8"></div>
     {/if}
     <div class="min-w-0 flex-grow pr-1">
       {#if showPubkey}

src/app/components/ChatItem.svelte

@@ -50,7 +50,7 @@
           {/if}
         </div>
         {#if !active && $notifications.has(path)}
-          <div class="h-2 w-2 rounded-full bg-primary" transition:fade />
+          <div class="h-2 w-2 rounded-full bg-primary" transition:fade></div>
         {/if}
       </div>
       <p class="overflow-hidden text-ellipsis whitespace-nowrap text-sm">

src/app/components/ContentLinkBlock.svelte

@@ -35,7 +35,7 @@
     {:else}
       {#await loadPreview()}
         <div class="center my-12 w-full">
-          <span class="loading loading-spinner" />
+          <span class="loading loading-spinner"></span>
         </div>
       {:then preview}
         <div class="bg-alt flex max-w-xl flex-col leading-normal">

src/app/components/EventReport.svelte

@@ -57,7 +57,7 @@
   </Field>
   <Field>
     <p slot="label">Details</p>
-    <textarea slot="input" class="textarea textarea-bordered" bind:value={content} />
+    <textarea slot="input" class="textarea textarea-bordered" bind:value={content}></textarea>
     <p slot="info">Please provide any additional details relevant to your report.</p>
   </Field>
   <ModalFooter>

src/app/components/MenuSpace.svelte

@@ -115,13 +115,13 @@
       <SecondaryNavItem href={threadsPath} notification={$notifications.has(threadsPath)}>
         <Icon icon="notes-minimalistic" /> Threads
       </SecondaryNavItem>
-      <div class="h-2" />
+      <div class="h-2"></div>
       <SecondaryNavHeader>Your Rooms</SecondaryNavHeader>
       {#each $userRooms as room, i (room)}
         <MenuSpaceRoomItem notify {url} {room} />
       {/each}
       {#if $otherRooms.length > 0}
-        <div class="h-2" />
+        <div class="h-2"></div>
         <SecondaryNavHeader>
           {#if $userRooms.length > 0}
             Other Rooms

src/app/components/MenuSpaceButton.svelte

@@ -16,6 +16,6 @@
 <Button on:click={openMenu} class="btn btn-neutral btn-sm relative md:hidden">
   <Icon icon="menu-dots" />
   {#if $notifications.has(path)}
-    <div class="absolute right-0 top-0 -mr-1 -mt-1 h-2 w-2 rounded-full bg-primary" />
+    <div class="absolute right-0 top-0 -mr-1 -mt-1 h-2 w-2 rounded-full bg-primary"></div>
   {/if}
 </Button>

src/app/components/MenuSpacesItem.svelte

@@ -18,7 +18,7 @@
     <div slot="title" class="flex gap-1">
       <RelayName {url} />
       {#if $notifications.has(path)}
-        <div class="relative top-1 h-2 w-2 rounded-full bg-primary" />
+        <div class="relative top-1 h-2 w-2 rounded-full bg-primary"></div>
       {/if}
     </div>
     <div slot="info"><RelayDescription {url} /></div>

src/app/components/PrimaryNav.svelte

@@ -73,7 +73,7 @@
 <slot />
 
 <!-- a little extra something for ios -->
-<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 md:hidden" />
+<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 md:hidden"></div>
 <div
   class="border-top bottom-sai fixed left-0 right-0 z-nav h-14 border border-base-200 bg-base-100 md:hidden">
   <div class="content-padding-x content-sizing flex justify-between px-2">

src/app/components/ProfileEdit.svelte

@@ -50,7 +50,8 @@
       class="textarea textarea-bordered leading-4"
       rows="3"
       bind:value={values.about}
-      slot="input" />
+      slot="input">
+    </textarea>
   </Field>
   <Field>
     <p slot="label">Nostr Address</p>

src/app/components/QRCode.svelte

@@ -29,6 +29,7 @@
     <canvas
       class="rounded-box"
       bind:this={canvas}
-      style={`transform-origin: top left; transform: scale(${scale}, ${scale})`} />
+      style={`transform-origin: top left; transform: scale(${scale}, ${scale})`}>
+    </canvas>
   </div>
 </Button>

src/app/components/ThreadActions.svelte

@@ -69,7 +69,7 @@
       </div>
       <div class="btn btn-neutral btn-xs relative hidden rounded-full sm:flex">
         {#if $notifications.has(path)}
-          <div class="h-2 w-2 rounded-full bg-primary" />
+          <div class="h-2 w-2 rounded-full bg-primary"></div>
         {/if}
         Active {formatTimestampRelative(lastActive)}
       </div>

src/app/components/ThunkStatus.svelte

@@ -59,7 +59,7 @@
 {:else if canCancel || isPending}
   <div class="flex justify-end px-1 text-xs {$$props.class}">
     <span class="flex items-center gap-1 {$$props.class}">
-      <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px" />
+      <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px"></span>
       <span class="opacity-50">Sending...</span>
       {#if canCancel}
         <Button class="link" on:click={abort}>Cancel</Button>