Add settings button to compact track list header with even spacing

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: mattdawkins

client/src/components/TrackList.vue

@@ -358,6 +358,32 @@ export default defineComponent({
       <div class="d-flex align-center">
         <span class="compact-header-text">Tracks ({{ filteredTracks.length }})</span>
         <v-spacer />
+        <v-menu
+          v-model="data.settingsActive"
+          :close-on-content-click="false"
+          :nudge-bottom="28"
+        >
+          <template #activator="{ on, attrs }">
+            <v-btn
+              icon
+              x-small
+              class="mr-2"
+              v-bind="attrs"
+              v-on="on"
+            >
+              <v-icon
+                x-small
+                :color="data.settingsActive ? 'accent' : 'default'"
+              >
+                mdi-cog
+              </v-icon>
+            </v-btn>
+          </template>
+          <slot
+            v-if="data.settingsActive"
+            name="settings"
+          />
+        </v-menu>
         <v-tooltip
           open-delay="100"
           bottom
@@ -367,6 +393,7 @@ export default defineComponent({
               :disabled="filteredTracks.length === 0 || readOnlyMode"
               icon
               x-small
+              class="mr-2"
               v-on="on"
               @click="multiDelete()"
             >