feat: add bug report button

app/src/components/ControlPalette.vue

@@ -5,21 +5,21 @@
         :icon="['far', 'circle-question']"
         class="text-text-disabled"
       />
-      <p class="text-text-disabled inline">Solution</p>
+      <p class="text-text-disabled inline ml-1">Solution</p>
     </button>
     <button id="reset" class="bg-bg-secondary rounded-lg p-2" @click="reset">
       <font-awesome-icon
         :icon="['fas', 'arrow-rotate-left']"
         class="text-text-primary"
       />
-      <p class="text-text-primary inline">Reset</p>
+      <p class="text-text-primary inline ml-1">Reset</p>
     </button>
     <button id="continue" class="bg-bg-disabled rounded-lg p-2">
       <font-awesome-icon
         :icon="['far', 'circle-right']"
         class="text-text-disabled"
       />
-      <p class="text-text-disabled inline">Continue</p>
+      <p class="text-text-disabled inline ml-1">Continue</p>
     </button>
   </section>
 </template>

app/src/components/GameHeaderPart.vue

@@ -11,6 +11,8 @@ const handleLogout = async () => {
   router.push({ name: 'login' })
 }
 
+const bugReport = () => {}
+
 const questData = ref(null)
 const questErr = ref(null)
 
@@ -68,7 +70,13 @@ onMounted(async () => {
             class="text-text-primary h-full w-full"
           />
         </button> -->
-        <button class="h-5 w-5" @click="handleLogout">
+        <button title="Bug Report" @click="bugReport" class="h-5 w-5">
+          <font-awesome-icon
+            :icon="['fas', 'bug']"
+            class="text-text-primary h-full w-full"
+          />
+        </button>
+        <button title="Sign Out" @click="handleLogout" class="h-5 w-5">
           <font-awesome-icon
             :icon="['fas', 'arrow-right-from-bracket']"
             class="text-text-primary h-full w-full"