Resolve "Adapt UI to new Resoruce creation flow"

Closes #100 (closed)

src/components/modals/ReasonModal.vue

@@ -2,10 +2,13 @@
 import BootstrapModal from "@/components/modals/BootstrapModal.vue";
 import { reactive, ref } from "vue";
 
+type reasonfor = "request" | "rejection";
+
 const props = defineProps<{
   modalId: string;
   modalLabel: string;
   loading: boolean;
+  purpose: reasonfor;
 }>();
 
 const formState = reactive<{
@@ -48,7 +51,7 @@ function sendSaveEvent() {
         :class="{ 'was-validated': formState.validated }"
       >
         <label :for="'reason-modal-input-' + randomIDSuffix" class="form-label"
-          >Reason for rejection</label
+          >Reason for {{ props.purpose }}</label
         >
         <textarea
           class="form-control"
@@ -56,7 +59,7 @@ function sendSaveEvent() {
           rows="3"
           minlength="16"
           maxlength="512"
-          placeholder="State your reason for rejection"
+          :placeholder="'State your reason for the ' + props.purpose"
           v-model="formState.reason"
         ></textarea>
       </form>