format: Apply Prettier formatting

2 files changed, 31 insertions, 34 deletions

diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index dfb9edaf..d60ea8e5 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -302,7 +302,7 @@
             {#if schedule && preferences && preferences.biography && preferences.biography.length > 0}
               <br />
             {:else}
-              <p></p>
+              <p />
             {/if}
 
             {#if $Profile.fetching}
@@ -325,7 +325,7 @@
   {/if}
 
   {#if schedule && preferences && preferences.pinned_hololive_streams.length > 0}
-    <p></p>
+    <p />
 
     <div class="card">
       <div class="hololive-badges">
@@ -352,7 +352,7 @@
   {/if}
 
   {#if preferences && userData && userData.id === $identity.id}
-    <p></p>
+    <p />
 
     <details open>
       <summary>{$locale().user.preferences.title}</summary>
@@ -367,7 +367,7 @@
       {$locale().user.preferences.hideMissingBadges.title}
       <SettingHint lineBreak>{$locale().user.preferences.hideMissingBadges.hint}</SettingHint>
 
-      <p></p>
+      <p />
 
       <input
         type="checkbox"
@@ -378,7 +378,7 @@
       />
       {$locale().user.preferences.hideAWCBadges.title}
 
-      <p></p>
+      <p />
 
       Pinned Categories
 
@@ -416,7 +416,7 @@
         </span>
       </div>
 
-      <p></p>
+      <p />
 
       Biography
 
@@ -436,9 +436,9 @@
         cols="100"
         id="biography"
         placeholder="Markdown supported!"
-      ></textarea>
+      />
 
-      <p></p>
+      <p />
 
       Badge Wall Custom CSS
 
@@ -458,7 +458,7 @@
         cols="100"
         id="badgeWallCSS"
         placeholder="/* Use classes and IDs such as .badges, #badges, .badge, or standard elements like body and details, or anything, as long as it's valid CSS! */"
-      ></textarea>
+      />
     </details>
   {/if}
 {/if}
@@ -498,9 +498,7 @@
 
   .user-grid-hololive-badges {
     $transitionDuration: 0.45s;
-    $transition:
-      transform $transitionDuration ease,
-      box-shadow $transitionDuration ease;
+    $transition: transform $transitionDuration ease, box-shadow $transitionDuration ease;
     $size: 5.25em;
 
     border-radius: 8px;
@@ -515,10 +513,7 @@
       z-index: 2;
       transition: $transition;
       transform: scale(1.15);
-      box-shadow:
-        0 1.5px 9px var(--base01),
-        0 0 0 4px var(--base02),
-        0 4px 30px var(--base01);
+      box-shadow: 0 1.5px 9px var(--base01), 0 0 0 4px var(--base02), 0 4px 30px var(--base01);
     }
   }
 
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 646ef24d..d782f7b2 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -559,7 +559,7 @@
               <b>Notice:</b> The Badge Wall overseer system has detected badges containing
               AI-generated material on your wall. {shadowHiddenCount} of your badges have been shadow
               hidden.
-              <p></p>
+              <p />
               You may use the "Un-shadow Hide Badges" button to unhide these badges, from where you will
               be required to use the hide feature to hide these badges from the public, while allowing
               them to stay visible to you as the account holder.
@@ -570,10 +570,10 @@
               material, this includes Badge Wall. If you have collected badges with AI-generated
               elements, kindly use the hide feature to hide these badges from the public, while
               allowing them to stay visible to you as the account holder.
-              <p></p>
+              <p />
               Failure to comply with this request at your earliest convenience will result in the hiding
               of all badges from your Badge Wall.
-              <p></p>
+              <p />
               <button
                 on:click={async () => {
                   noticeDismissed = true;
@@ -586,7 +586,7 @@
             </div>
           {/if}
 
-          <p></p>
+          <p />
 
           <div class="card">
             {#if authorised}
@@ -661,7 +661,7 @@
                   )
                 ])}
 
-                <p></p>
+                <p />
 
                 {#if error}
                   <p style="color: red;">{error}</p>
@@ -738,7 +738,7 @@
                   <small>Must be full date and time, defaults to now if any fields empty</small>
                 </span>
 
-                <p></p>
+                <p />
 
                 <div class="edit-row-2">
                   <input
@@ -826,11 +826,13 @@
           </div>
         {/if}
 
-        <p></p>
+        <p />
 
         {#if loadQueryParameter === 'none'}
           <div class="card">
-            <b>Notice:</b> {ungroupedBadges.length} badges have been loaded successfully, but they are not being displayed due to your preferences (<code>load=none</code>).
+            <b>Notice:</b>
+            {ungroupedBadges.length} badges have been loaded successfully, but they are not being displayed
+            due to your preferences (<code>load=none</code>).
           </div>
         {:else}
           <Badges
@@ -883,7 +885,7 @@
   <Popup fullscreen onLeave={() => (importMode = false)} show={importMode}>
     {$locale().user.badges.importMode.title}
 
-    <p></p>
+    <p />
 
     <input
       type="text"
@@ -902,7 +904,7 @@
       size="20"
     />
 
-    <p></p>
+    <p />
 
     <input type="checkbox" id="import_links" name="import_links" bind:checked={importLinks} />
     {$locale().user.badges.importMode.importLinks.title}
@@ -910,12 +912,12 @@
       {$locale().user.badges.importMode.importLinks.hint}
     </SettingHint>
 
-    <p></p>
+    <p />
 
     <input type="checkbox" id="import_links" name="import_links" bind:checked={importReplies} />
     {$locale().user.badges.importMode.importReplies}
 
-    <p></p>
+    <p />
 
     <button
       on:click={() => {
@@ -930,7 +932,7 @@
       {$locale().user.badges.importMode.fetch}
     </button>
 
-    <p></p>
+    <p />
 
     <details>
       <summary>{$locale().user.badges.importMode.dangerous}</summary>
@@ -952,7 +954,7 @@
     </details>
 
     {#if importImages && importImages.length > 0}
-      <p></p>
+      <p />
 
       {$locale({
         values: {
@@ -977,7 +979,7 @@
 <Popup fullscreen onLeave={() => (migrateMode = false)} show={migrateMode}>
   Migrate Category
 
-  <p></p>
+  <p />
 
   <input
     type="text"
@@ -997,7 +999,7 @@
   />
   <SettingHint lineBreak>Leave category empty to migrate all to or from uncategorised.</SettingHint>
 
-  <p></p>
+  <p />
 
   <button
     on:click={() => {
@@ -1021,7 +1023,7 @@
     versa.
   </SettingHint>
 
-  <p></p>
+  <p />
 
   <input
     type="text"
@@ -1033,7 +1035,7 @@
   />
   <SettingHint lineBreak>Leave category field empty to hide all.</SettingHint>
 
-  <p></p>
+  <p />
 
   <button
     on:click={() => {