#3498 - Content: Ministry: Change request approve/deny (#4277)

As a ministry user I want clear instructions so I can adjudicate student
change requests.

**Acceptance Criteria**
- When a ministry user selects a student change request, they are
brought to this page for the approval/denial process.
- [x] Revise: "View request" to "View request(s)"
- [x] Revise: "Student change" to "Student change requests"
- [x] Display bulleted points that advises the following: 

"**Instructions**: 
- View the change request and any supporting documentation on the
student application
- Review the history of Request a Change submissions prior to approving
each new one to ensure
continuity
- Review all fields to ensure that information is consistent with the
students current circumstances
- When the review is complete, come back to this page to approve or deny
the request"

- [x] For AC above see ticket
[3496](https://app.zenhub.com/workspaces/student-information-management-system-5fce9df5aa1b45000e937014/issues/gh/bcgov/sims/3496)
for text placement.
- [x] Revise: "Staff area" to "Decision"

Note: For Instructions placement, it needs to after header, since there
are multiple forms json added in Vue file to common share.

![image](https://github.com/user-attachments/assets/c34e0c77-b5c7-4d5f-921d-9656e4092619)

sources/packages/forms/src/form-definitions/staffapprovalappeal.json

@@ -20,7 +20,7 @@
           "value": ""
         }
       ],
-      "content": "Staff area",
+      "content": "Decision",
       "refreshOnChange": false,
       "customClass": "category-header-medium primary-color",
       "hidden": false,

sources/packages/web/src/components/common/students/applicationDetails/StudentAppealRequestsApproval.vue

@@ -1,8 +1,33 @@
 <template>
-  <body-header title="Student change">
+  <body-header title="Student change requests">
     <template #status-chip>
       <status-chip-requested-assessment :status="appealStatus" />
     </template>
+    <template #subtitle>
+      <div class="mb-2">
+        <p>
+          <strong>Instructions:</strong>
+        </p>
+        <ul>
+          <li>
+            View the change request and any supporting documentation on the
+            student application
+          </li>
+          <li>
+            Review the history of Request a Change submissions prior to
+            approving each new one to ensure continuity
+          </li>
+          <li>
+            Review all fields to ensure that information is consistent with the
+            students current circumstances
+          </li>
+          <li>
+            When the review is complete, come back to this page to approve or
+            deny the request
+          </li>
+        </ul>
+      </div>
+    </template>
   </body-header>
   <appeal-requests-approval-form
     :studentAppealRequests="studentAppealRequests"

sources/packages/web/src/views/aest/student/applicationDetails/StudentAppealRequestsApproval.vue

@@ -3,7 +3,7 @@
     <template #header>
       <header-navigator
         title="Assessment"
-        subTitle="View Request"
+        subTitle="View request(s)"
         :routeLocation="assessmentsSummaryRoute"
       />
     </template>