feat: replace feedback button with keyboard shortcuts modal

Makes keyboard shortcuts more discoverable by placing them in the toolbar. Feedback link moved to About dialog useful links section.

Author: PaulHax

src/components/AboutBox.vue

@@ -127,6 +127,16 @@
             https://github.com/Kitware/VolView/issues
           </a>
         </li>
+        <li>
+          <span>Submit feedback: </span>
+          <a
+            rel="noopener noreferrer"
+            target="_blank"
+            href="https://volview.kitware.com/feedback/"
+          >
+            https://volview.kitware.com/feedback/
+          </a>
+        </li>
       </ul>
       <h2>Version Info</h2>
       <v-divider class="mb-2" />

src/components/AppBar.vue

@@ -5,11 +5,13 @@ import CloseableDialog from '@/src/components/CloseableDialog.vue';
 import AboutBox from '@/src/components/AboutBox.vue';
 import VolViewFullLogo from '@/src/components/icons/VolViewFullLogo.vue';
 import VolViewLogo from '@/src/components/icons/VolViewLogo.vue';
+import { useKeyboardShortcutsStore } from '@/src/store/keyboard-shortcuts';
 
 const emit = defineEmits(['click:left-menu']);
 
 const { mobile } = useDisplay();
 const aboutBoxDialog = ref(false);
+const keyboardStore = useKeyboardShortcutsStore();
 </script>
 
 <template>
@@ -24,12 +26,11 @@ const aboutBoxDialog = ref(false);
       icon
       :rounded="0"
       class="toolbar-button"
-      href="https://volview.kitware.com/feedback/"
-      target="_blank"
+      @click="keyboardStore.settingsOpen = !keyboardStore.settingsOpen"
     >
-      <v-icon icon="mdi-comment-question-outline"></v-icon>
+      <v-icon icon="mdi-keyboard"></v-icon>
       <v-tooltip activator="parent" location="bottom">
-        Ask Question/Submit Feedback
+        Keyboard Shortcuts
       </v-tooltip>
     </v-btn>
     <v-btn

src/components/ControlsModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <closeable-dialog v-model="keyboardStore.settingsOpen">
+  <closeable-dialog v-model="keyboardStore.settingsOpen" :close-offset-x="24">
     <v-card class="pa-4">
       <div class="text-h4 pb-2">View Controls</div>
       <v-table>