✨ (note) add an header

src/components/HeaderNote.vue

@@ -0,0 +1,23 @@
+<template>
+  <header class="header-note">
+    <router-link :to="{ name: 'Home' }">
+      <img src="@/assets/icons/dark-left-arrow.svg" alt="go back left arrow" />
+    </router-link>
+  </header>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'HeaderNote'
+})
+</script>
+
+<style scoped lang="scss">
+.header-note {
+  img:hover {
+    cursor: pointer;
+  }
+}
+</style>

src/components/StackedNote.vue

@@ -97,7 +97,6 @@ $border-color: rgba(18, 19, 58, 0.2);
   a {
     color: #363636;
     display: block;
-    white-space: nowrap;
   }
 }
 
@@ -127,5 +126,9 @@ $border-color: rgba(18, 19, 58, 0.2);
     transform-origin: 0 0;
     transform: rotate(90deg);
   }
+
+  a {
+    white-space: nowrap;
+  }
 }
 </style>