format: Apply Prettier formatting

11 files changed, 50 insertions, 67 deletions

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 09221c99..90f804ac 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -61,10 +61,10 @@
   $: way = data.url.includes('/user')
     ? 200
     : $previousPage && $previousPage.includes('/user')
-      ? -200
-      : navigationOrder.indexOf(data.url) > navigationOrder.indexOf($previousPage ?? '/')
-        ? 200
-        : -200;
+    ? -200
+    : navigationOrder.indexOf(data.url) > navigationOrder.indexOf($previousPage ?? '/')
+    ? 200
+    : -200;
 
   const handleScroll = () => {
     const currentScrollPosition = window.scrollY;
@@ -252,7 +252,7 @@
       </div>
     </div>
 
-    <p></p>
+    <p />
 
     <Notifications item={EventNotification} zIndex={5000}>
       <Root {data} {way}>
@@ -273,19 +273,8 @@
 
 <style lang="scss">
   .header {
-    font-family:
-      'DM Sans',
-      system-ui,
-      -apple-system,
-      BlinkMacSystemFont,
-      'Segoe UI',
-      Roboto,
-      Oxygen,
-      Ubuntu,
-      Cantarell,
-      'Open Sans',
-      'Helvetica Neue',
-      sans-serif;
+    font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     font-size: 1.05em;
     font-weight: 600;
     padding: 0.8rem 0.4rem;
@@ -341,10 +330,7 @@
     display: inline-block;
     vertical-align: middle;
     border-radius: 8px;
-    box-shadow:
-      0 1.5px 9px var(--base01),
-      0 0 0 4px var(--base0E),
-      0 4px 30px var(--base01);
+    box-shadow: 0 1.5px 9px var(--base01), 0 0 0 4px var(--base0E), 0 4px 30px var(--base01);
   }
 
   .separator {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6c10e31d..8e6a5d52 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -34,7 +34,7 @@
 {#if data.user === undefined}
   <div class="card">Please log in to view due media.</div>
 
-  <p></p>
+  <p />
 
   <Landing />
 {:else}
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index d2aef68b..ca8d22e8 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -33,7 +33,7 @@
 {#if data.user === undefined}
   <div class="card">Please log in to view completed media.</div>
 
-  <p></p>
+  <p />
 
   <Landing />
 {:else}
diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte
index 1c6e2524..d3270e30 100644
--- a/src/routes/events/+page.svelte
+++ b/src/routes/events/+page.svelte
@@ -16,7 +16,7 @@
         <Event event={rawEvent} avatar />
 
         {#if i < events.length - 1}
-          <p></p>
+          <p />
         {/if}
       {/each}
     {/if}
diff --git a/src/routes/events/group/[group]/+page.svelte b/src/routes/events/group/[group]/+page.svelte
index a30ab78c..37c23c40 100644
--- a/src/routes/events/group/[group]/+page.svelte
+++ b/src/routes/events/group/[group]/+page.svelte
@@ -37,7 +37,7 @@
 
         <Group {group} />
 
-        <p></p>
+        <p />
 
         <details open>
           <summary>Events</summary>
@@ -53,7 +53,7 @@
                   <Event event={asEvent(rawEvent)} />
 
                   {#if i < events.length - 1}
-                    <p></p>
+                    <p />
                   {/if}
                 {/each}
               {/if}
diff --git a/src/routes/events/groups/+page.svelte b/src/routes/events/groups/+page.svelte
index a1b902ba..d90cce34 100644
--- a/src/routes/events/groups/+page.svelte
+++ b/src/routes/events/groups/+page.svelte
@@ -29,7 +29,7 @@
         </a>
 
         {#if i < json.length - 1}
-          <p></p>
+          <p />
         {/if}
       {/each}
     {:catch}
diff --git a/src/routes/girls/+page.svelte b/src/routes/girls/+page.svelte
index ecd4acd0..71982c32 100644
--- a/src/routes/girls/+page.svelte
+++ b/src/routes/girls/+page.svelte
@@ -27,7 +27,7 @@
     <div>
       The Senpy Club <span class="opaque">|</span> Anime Girls Holding Programming Books
 
-      <p></p>
+      <p />
 
       <ul>
         <li>
@@ -65,7 +65,7 @@
   </div>
 </div>
 
-<p></p>
+<p />
 
 <details class="languages" open>
   <summary>Languages</summary>
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 25b2f6e1..24a60da2 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -71,7 +71,7 @@
     </Category>
   </div>
 
-  <p></p>
+  <p />
 
   <Category title={$locale().settings.display.title}><Display /></Category>
   <Category title={$locale().settings.calculation.title}><Calculation /></Category>
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 5997d262..d1650b34 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -20,7 +20,7 @@
             {tools[t].name()}
           </span>
 
-          <p></p>
+          <p />
 
           {#if tools[t].description}
             <span class="description">
@@ -32,7 +32,7 @@
     {/each}
   </div>
 
-  <p></p>
+  <p />
 
   <blockquote style="margin: 0 0 0 1.5rem;">
     Have any requests for cool tools that you think others might find useful? Send a private message
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={() => {