feat: media page T1

web/src/App.vue

@@ -1,9 +1,17 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import { RouterView } from 'vue-router'
+import { toastsAboveBulkBar } from '@/composables/useToastOffset'
+
+const BULK_BAR_TOAST_OFFSET = 'max-sm:bottom-20'
+
+const toaster = computed(() => ({
+	ui: { viewport: toastsAboveBulkBar.value ? BULK_BAR_TOAST_OFFSET : '' },
+}))
 </script>
 
 <template>
-	<UApp class="isolate">
+	<UApp class="isolate" :toaster="toaster">
 		<RouterView />
 	</UApp>
 </template>