Fix random css stuff

src/lib/components/LeftSidebar.svelte

@@ -46,57 +46,66 @@
           class="max-w-[90%] shrink-0 object-cover"
         />
       {/if}
-      <span class="mt-2 text-[1.3rem] leading-6 font-medium text-neutral-900 dark:text-neutral-100"
+      <span
+        class="mt-2 text-[1.3rem] leading-6 font-medium text-neutral-900 dark:text-neutral-100"
         >{name}</span
       >
     </a>
 
     <a
       href="/"
-      class="flex items-center gap-2 py-1 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800"
+      class="flex items-center gap-2 py-1 text-neutral-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-800"
     >
       {mode === "simple" ? "Discussions" : "Home"}
     </a>
 
     {#if mode === "simple"}
       <div class="mt-6 flex">
-        <p class="text-sm text-neutral-500 dark:text-neutral-400">{groupStore.data?.about ?? ""}</p>
+        <p class="text-sm text-neutral-500 dark:text-neutral-400">
+          {groupStore.data?.about ?? ""}
+        </p>
       </div>
     {:else}
+      {#if activeAbout}
+        <div class="mt-6">
+          <p
+            class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 uppercase dark:text-neutral-500"
+          >
+            About
+          </p>
+          <p class="text-sm text-neutral-500 dark:text-neutral-400">
+            {activeAbout}
+          </p>
+        </div>
+      {/if}
       <nav class="mt-6 flex-auto" aria-label="Rooms">
         <p
-          class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 dark:text-neutral-500 uppercase"
+          class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 uppercase dark:text-neutral-500"
         >
           Rooms
         </p>
         {#if groupsStore.list.length === 0 && !groupsStore.loaded}
-          <p class="py-1 text-sm text-neutral-400 dark:text-neutral-500">Loading rooms…</p>
+          <p class="py-1 text-sm text-neutral-400 dark:text-neutral-500">
+            Loading rooms…
+          </p>
         {/if}
         {#each groupsStore.list as room}
           <a
             href="/room/{room.id}"
             class="flex items-center gap-2 py-1 hover:bg-neutral-100 dark:hover:bg-neutral-800
-							{activeRoom === room.id ? ' text-accent' : 'text-neutral-700 dark:text-neutral-300'}"
+							{activeRoom === room.id
+              ? ' text-accent'
+              : 'text-neutral-700 dark:text-neutral-300'}"
           >
             {room.name}
           </a>
         {/each}
       </nav>
-      {#if activeAbout}
-        <div class="mt-6">
-          <p
-            class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 dark:text-neutral-500 uppercase"
-          >
-            About
-          </p>
-          <p class="text-sm text-neutral-500 dark:text-neutral-400">{activeAbout}</p>
-        </div>
-      {/if}
     {/if}
 
     <nav class="mt-6 flex-auto" aria-label="Resources">
       <p
-        class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 dark:text-neutral-500 uppercase"
+        class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 uppercase dark:text-neutral-500"
       >
         Resources
       </p>
@@ -105,15 +114,18 @@
           href="/resource/{r.slug}"
           aria-current={activeResource === r.slug ? "page" : undefined}
           class="block py-1 hover:text-neutral-900 dark:hover:text-neutral-100
-            {activeResource === r.slug ? 'text-accent' : 'text-neutral-500 dark:text-neutral-400'}"
+            {activeResource === r.slug
-          >{r.title}</a
+            ? 'text-accent'
+            : 'text-neutral-500 dark:text-neutral-400'}">{r.title}</a
         >
       {/each}
       <a
         href="/contacts"
         aria-current={contactsActive ? "page" : undefined}
         class="block py-1 hover:text-neutral-900 dark:hover:text-neutral-100
-          {contactsActive ? 'text-accent' : 'text-neutral-500 dark:text-neutral-400'}">Contacts</a
+          {contactsActive
+          ? 'text-accent'
+          : 'text-neutral-500 dark:text-neutral-400'}">Contacts</a
       >
     </nav>
   </div>
@@ -145,7 +157,7 @@
             />
           {:else}
             <span
-              class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-neutral-300 text-xs font-semibold text-neutral-600 dark:text-neutral-400 dark:bg-neutral-600"
+              class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-neutral-300 text-xs font-semibold text-neutral-600 dark:bg-neutral-600 dark:text-neutral-400"
               aria-hidden="true"
             >
               {auth.user.shortName.slice(0, 1).toUpperCase()}