contexted link highlight + adjust prettier

src/components/TopBar.vue

@@ -13,13 +13,8 @@ const emit = defineEmits<{
 </script>
 <template>
   <div class="absolute left-0 right-0 top-0 z-[500] flex h-[50px] bg-primary">
-    <div
-      class="w-in mx-auto flex w-full max-w-app items-center py-2.5 text-white"
-    >
-      <div
-        class="flex pl-3"
-        :class="sideBarCollapsed ? 'w-fit' : 'w-sidebar pr-3'"
-      >
+    <div class="w-in mx-auto flex w-full max-w-app items-center py-2.5 text-white">
+      <div class="flex pl-3" :class="sideBarCollapsed ? 'w-fit' : 'w-sidebar pr-3'">
         <Hamburger
           :side-bar-collapsed="props.sideBarCollapsed"
           @toggle-side-bar="emit('toggleSideBar')"
@@ -38,9 +33,7 @@ const emit = defineEmits<{
         >
           <i class="fas fa-plus-circle text-[1.1rem]" />
         </button>
-        <button class="btn-outline btn-sm btn h-full text-white">
-          Sign in
-        </button>
+        <button class="btn-outline btn-sm btn h-full text-white">Sign in</button>
       </div>
     </div>
   </div>