fix: better header

src/components/HomeButton.vue

@@ -6,23 +6,13 @@ const goHome = () => router.push({ name: "Home" })
 </script>
 
 <template>
-  <a class="btn btn-sm" @click="goHome">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="icon icon-tabler icon-tabler-home"
-      width="28"
-      height="28"
-      viewBox="0 0 24 24"
-      stroke-width="1.5"
-      stroke="currentColor"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    >
-      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-      <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
-      <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
-      <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
-    </svg>
+  <a class="btn btn-ghost btn-circle btn-lg" @click="goHome">
+    <img src="/favicon.png" alt="Remanso icon" />
   </a>
 </template>
+
+<style>
+img {
+  box-shadow: none;
+}
+</style>