Format Header.vue component

components/header/Header.vue

@@ -1,21 +1,13 @@
 <template>
-	<div
+    <div class="bg-secondary flex h-fit w-full flex-row items-center justify-center p-2">
-		class="bg-secondary flex h-fit w-full flex-row items-center justify-center p-2">
         <div class="flex w-full max-w-3xl items-center justify-between gap-4">
-			<div
+            <div class="flex items-center gap-4 hover:cursor-pointer" @click="navigateTo('/notes')">
-				class="flex items-center gap-4 hover:cursor-pointer"
+                <Icon class="text-blue-500" name="fa6-solid:book-open" />
-				@click="navigateTo('/notes')">
-				<Icon
-					class="text-blue-500"
-					name="fa6-solid:book-open" />
                 <p class="text-xl font-bold"> Notes </p>
             </div>
             <div class="flex w-fit justify-end">
-				<Icon
+                <Icon class="bg-secondary rounded-full hover:cursor-pointer" @click="navigateTo('/profile')"
-					class="bg-secondary rounded-full hover:cursor-pointer"
+                    name="fa6-solid:circle-user" size="36" />
-					@click="navigateTo('/profile')"
-					name="fa6-solid:circle-user"
-					size="36" />
             </div>
         </div>
     </div>