Refactor Bootstrap toast for easier usage

#88

src/views/workflows/StartWorkflowView.vue

@@ -10,6 +10,7 @@ import { onMounted, ref, reactive, watch } from "vue";
 import { useRouter } from "vue-router";
 import { Toast } from "bootstrap";
 import { useWorkflowExecutionStore } from "@/stores/workflowExecutions";
+import BootstrapToast from "@/components/BootstrapToast.vue";
 
 const executionRepository = useWorkflowExecutionStore();
 const props = defineProps<{
@@ -108,34 +109,21 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="toast-container position-fixed top-toast end-0 p-3">
-    <div
-      role="alert"
-      aria-live="assertive"
-      aria-atomic="true"
-      class="toast text-bg-danger align-items-center border-0"
-      data-bs-autohide="true"
-      id="workflowExecutionViewErrorToast"
-    >
-      <div class="d-flex p-2 justify-content-between align-items-center">
-        <div class="toast-body">
-          <template v-if="versionState.workflowExecutionError === 'limit'">
-            You have too many active workflow executions to start a new one.
-          </template>
-          <template v-else>
-            There was an error with starting the workflow execution. Look in the
-            console for more information.
-          </template>
-        </div>
-        <button
-          type="button"
-          class="btn-close btn-close-white"
-          data-bs-dismiss="toast"
-          aria-label="Close"
-        ></button>
-      </div>
-    </div>
-  </div>
+  <bootstrap-toast
+    toast-id="workflowExecutionViewErrorToast"
+    color-class="danger"
+  >
+    <template>Error starting workflow</template>
+    <template #body>
+      <template v-if="versionState.workflowExecutionError === 'limit'">
+        You have too many active workflow executions to start a new one.
+      </template>
+      <template v-else>
+        There was an error with starting the workflow execution. Look in the
+        console for more information.
+      </template>
+    </template>
+  </bootstrap-toast>
   <parameter-schema-form-component
     :workflow-version-id="versionId"
     :schema="parameterSchema"