115 refactoring dynamic page

frontend/src/view/DynamicPage.vue

@@ -2,10 +2,16 @@
 import { computed, useSlots } from 'vue';
 
 defineProps<{
-  hideContent: Boolean,
-  headline: String,
-  subTitle?: String,
-  icon?: String,
+  hideContent: boolean,
+  headline: string,
+  subTitle?: string,
+  icon?: string,
+  button?: {
+    label: string,
+    icon: string,
+    disabled: boolean,
+    onClick: () => void
+  }
 }>()
 
 const slots = useSlots()
@@ -43,9 +49,21 @@ const hasContent = computed(() => {
     >
       <slot 
         name="selection"
-        class="flex-1 m-0"
+        flexSpecs="flex-1 m-0"
       ></slot>
     </div>
+    <div
+      v-if="button"
+      class="flex flex-wrap m-0 mb-3 gap-2 w-full lg:w-8 align-items-center justify-content-end"
+    >
+      <Button
+        :disabled="button.disabled"
+        class="col-12 md:col-4"
+        @click="button.onClick()"
+        :icon="button.icon"
+        :label="button.label"
+      />
+    </div>
     <div 
       v-if="hasContent"
       :class="