Add Action Filters

Fix LibrarySelect for the 100th time

website/app/components/LibrarySelect.vue

@@ -3,6 +3,7 @@
     <USelect
         v-else
         v-model="library"
+        :default-value="libraryId ?? undefined"
         placeholder="Library"
         icon="i-lucide-library-big"
         color="secondary"
@@ -35,8 +36,8 @@ export interface LibrarySelectProps {
 
 const props = defineProps<LibrarySelectProps>();
 
-const library = ref(props.libraryId);
-const { data: libraries } = await useApi('/v2/FileLibrary', { key: FetchKeys.FileLibraries });
+const library = ref();
+const { data: libraries } = await useApi('/v2/FileLibrary');
 
 const loading = ref(false);
 const onLibrarySelectChange = async () => {

website/app/components/TrangaPage.vue

@@ -18,6 +18,9 @@
                             <p v-if="title" class="text-2xl text-primary font-semibold">{{ title }}</p>
                         </slot>
                     </div>
+                    <div class="flex flew-row gap-2">
+                        <slot name="center" />
+                    </div>
                     <div class="flex flew-row gap-2">
                         <slot name="actions" />
                     </div>