add transitions and micro-interactions across all views

src/App.vue

@@ -79,7 +79,11 @@ watch(() => [settingsStore.settings.shortcut_toggle_timer, settingsStore.setting
     <div class="flex-1 flex overflow-hidden">
       <NavRail />
       <main class="flex-1 overflow-auto">
-        <router-view />
+        <router-view v-slot="{ Component }">
+          <Transition name="page" mode="out-in">
+            <component :is="Component" :key="$route.path" />
+          </Transition>
+        </router-view>
       </main>
     </div>
   </div>