fix(frontend) : align time-tracking filters with view mode toggle

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/pages/time-tracking.vue

@@ -13,11 +13,11 @@
             </div>
 
             <div class="relative z-30 mt-4 flex flex-wrap items-center gap-3 sm:gap-4">
-                <h2 class="text-lg font-bold text-orange-500">
+                <h2 class="shrink-0 whitespace-nowrap text-lg font-bold text-orange-500">
                     {{ currentMonthLabel }}
                 </h2>
 
-                <div class="flex items-center gap-1 rounded-md border border-neutral-200">
+                <div class="flex shrink-0 items-center gap-1 rounded-md border border-neutral-200">
                     <button class="px-2 py-1 text-neutral-500 hover:text-neutral-700" @click="navigatePrev">
                         <Icon name="mdi:chevron-left" size="20" />
                     </button>
@@ -35,6 +35,7 @@
                     </button>
                 </div>
 
+                <div class="[&>div]:!mt-0">
                     <MalioSelect
                         v-model="selectedUserId"
                         :options="userOptions"
@@ -44,7 +45,9 @@
                         label="User"
                         empty-option-label="User"
                     />
+                </div>
 
+                <div class="[&>div]:!mt-0">
                     <MalioSelect
                         v-model="selectedProjectId"
                         :options="projectOptions"
@@ -54,7 +57,9 @@
                         text-field="text-sm"
                         text-value="text-sm"
                     />
+                </div>
 
+                <div class="[&>div]:!mt-0">
                     <MalioSelect
                         v-model="selectedTagId"
                         :options="tagOptions"
@@ -66,6 +71,7 @@
                     />
                 </div>
             </div>
+        </div>
 
         <div class="mt-4 -mb-24 min-h-0 flex-1">
             <TimeEntryList