feat:#37 switched button locations

frontend/src/view/DynamicPage.vue

@@ -87,6 +87,32 @@ const hasContent = computed(() => {
     >
       <slot name="content"></slot>
     </div>
+    <div
+      v-if="button"
+      :class = "[
+        hideContent
+          ? ['opacity-0', 'pointer-events-none', 'h-1rem', 'overflow-hidden']
+          : [
+              'flex',
+              'flex-wrap',
+              'my-3',
+              'gap-2',
+              'w-full',
+              'lg:w-8',
+              'align-items-center',
+              'justify-content-end',
+            ]
+      ]"
+      class=""
+    >
+      <Button
+        :disabled="button.disabled"
+        class="col-12 md:col-4"
+        :icon="button.icon"
+        :label="button.label"
+        @click="button.onClick()"
+      />
+    </div>
   </div>
 </template>