Add search button with modal

- Create SearchModal.vue with text field and results display
- Add Search button to extraButtons.vue
- Uses /find API endpoint for server-side search
- Modal matches existing app styling

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>

src/components/items/extraButtons.vue

@@ -4,20 +4,24 @@
         <button @click="resetPoints">Reset points</button>
         <button @click="handleSyncButtonClick">Sync games</button>
         <button @click="startSoundTest">Sound test</button>
+        <button @click="showSearchModal">Search</button>
         <sync-progress-modal
             :isOpen="showSyncModal"
             :syncInProgress="syncInProgress"
             @close="handleSyncComplete"
         ></sync-progress-modal>
+        <search-modal ref="searchModal"></search-modal>
     </div>
 </template>
 
 <script>
 import SyncProgressModal from "./SyncProgressModal.vue";
+import SearchModal from "./SearchModal.vue";
 
 export default {
     components: {
         SyncProgressModal,
+        SearchModal,
     },
     data() {
         return {
@@ -94,6 +98,9 @@ export default {
         startSoundTest() {
             this.$emit("start-sound-test");
         },
+        showSearchModal() {
+            this.$refs.searchModal.openModal();
+        },
         APIresetPlaylist() {
             return new Promise((resolve, reject) => {
                 this.axios({