Updated

app/frontend/src/components/designer/settings/FormFunctionalitySettings.vue

@@ -274,7 +274,9 @@ defineExpose({
         </div>
       </template>
     </v-checkbox>
-    <v-checkbox v-model="form.wideFormLayout" hide-details="auto" data-test="canAllowWideFormLayoutCheckbox" class="my-0">
+    <v-checkbox v-model="form.wideFormLayout" hide-details="auto"
+      data-test="canAllowWideFormLayoutCheckbox"
+      class="my-0">
       <template #label>
         <div :class="{ 'mr-2': isRTL }">
           <span

app/frontend/src/components/forms/manage/ApiKey.vue

@@ -265,8 +265,8 @@ export default {
         v-model="filesApiAccess"
         :disabled="!apiKey"
         :label="$t('trans.apiKey.filesAPIAccess')"
-        @update:model-value="updateKey"
         data-test="canAllowFileAccess"
+        @update:model-value="updateKey"
       ></v-checkbox>
     </v-col>
   </v-row>

app/frontend/src/components/forms/manage/ManageForm.vue

@@ -145,7 +145,9 @@ export default {
       <v-expansion-panel flat>
         <!-- Form Settings -->
         <v-expansion-panel-title>
-          <div class="header" :lang="lang" data-test="canExpandFormSettingsPanel">
+          <div class="header"
+            :lang="lang" 
+            data-test="canExpandFormSettingsPanel">
             <strong>{{ $t('trans.manageForm.formSettings') }}</strong>
             <span :lang="lang">
               <small>
@@ -245,7 +247,9 @@ export default {
     >
       <v-expansion-panel flat>
         <v-expansion-panel-title>
-          <div class="header" :lang="lang" data-test="canExpandApiKeySettingsPanel">
+          <div class="header"
+            :lang="lang"
+            data-test="canExpandApiKeySettingsPanel">
             <strong>{{ $t('trans.manageForm.apiKey') }}</strong>
             <span v-if="apiKey" :lang="lang">
               <small v-if="apiKey.updatedBy">
@@ -277,7 +281,9 @@ export default {
     >
       <v-expansion-panel flat>
         <v-expansion-panel-title>
-          <div class="header" :lang="lang" data-test="canExpandCDOGSPanel">
+          <div class="header"
+            :lang="lang" 
+            data-test="canExpandCDOGSPanel">
             <strong>{{ $t('trans.manageForm.cdogsTemplate') }}</strong>
           </div>
         </v-expansion-panel-title>
@@ -291,7 +297,9 @@ export default {
     <v-expansion-panels v-model="versionsPanel" class="nrmc-expand-collapse">
       <v-expansion-panel flat>
         <v-expansion-panel-title>
-          <div class="header" :lang="lang" data-test="canExpandFormDesignHistoryPanel">
+          <div class="header"
+            :lang="lang" 
+            data-test="canExpandFormDesignHistoryPanel">
             <strong style="flex: 1">{{
               $t('trans.manageForm.formDesignHistory')
             }}</strong>

app/frontend/src/components/forms/manage/TeamManagement.vue

@@ -569,65 +569,65 @@ export default {
           v-if="!disableRole('form_designer', item, form.userType)"
           key="form_designer"
           v-model="item.form_designer"
-          data-test="FormDesignerRoleCheckbox"
           v-ripple
           :disabled="updating"
           @update:modelValue="toggleRole(item)"
+          data-test="FormDesignerRoleCheckbox"
         ></v-checkbox-btn>
       </template>
       <template #item.owner="{ item }">
         <v-checkbox-btn
           v-if="!disableRole('owner', item, form.userType)"
           key="owner"
           v-model="item.owner"
-          data-test="OwnerRoleCheckbox"
           v-ripple
           :disabled="updating"
           @update:modelValue="toggleRole(item)"
+          data-test="OwnerRoleCheckbox"
         ></v-checkbox-btn>
       </template>
       <template #item.submission_approver="{ item }">
         <v-checkbox-btn
           v-if="!disableRole('submission_approver', item, form.userType)"
           key="submission_approver"
           v-model="item.submission_approver"
-          data-test="ApproverRoleCheckbox"
           v-ripple
           :disabled="updating"
           @update:modelValue="toggleRole(item)"
+          data-test="ApproverRoleCheckbox"
         ></v-checkbox-btn>
       </template>
       <template #item.submission_reviewer="{ item }">
         <v-checkbox-btn
           v-if="!disableRole('submission_reviewer', item, form.userType)"
           key="submission_reviewer"
           v-model="item.submission_reviewer"
-          data-test="ReviewerRoleCheckbox"
           v-ripple
           :disabled="updating"
           @update:modelValue="toggleRole(item)"
+          data-test="ReviewerRoleCheckbox"
         ></v-checkbox-btn>
       </template>
       <template #item.form_submitter="{ item }">
         <v-checkbox-btn
           v-if="!disableRole('form_submitter', item, form.userType)"
           key="form_submitter"
           v-model="item.form_submitter"
-          data-test="SubmitterRoleCheckbox"
           v-ripple
           :disabled="updating"
           @update:modelValue="toggleRole(item)"
+          data-test="SubmitterRoleCheckbox"
         ></v-checkbox-btn>
       </template>
       <template #item.team_manager="{ item }">
         <v-checkbox-btn
           v-if="!disableRole('team_manager', item, form.userType)"
           key="team_manager"
           v-model="item.team_manager"
-          data-test="TeamManagerRoleCheckbox"
           v-ripple
           :disabled="updating"
           @update:modelValue="toggleRole(item)"
+          data-test="TeamManagerRoleCheckbox"
         ></v-checkbox-btn>
       </template>
       <template #item.actions="{ item }">

app/frontend/src/components/forms/submission/StatusPanel.vue

@@ -300,8 +300,10 @@ export default {
 
 <template>
   <div :class="{ 'dir-rtl': isRTL }">
-    <div class="flex-container" @click="showStatusContent = !showStatusContent" data-test="showStatusPanel">
-      <h2 class="status-heading" :class="{ 'dir-rtl': isRTL }" :lang="lang">
+    <div class="flex-container"
+     data-test="showStatusPanel" 
+     @click="showStatusContent = !showStatusContent">
+     <h2 class="status-heading" :class="{ 'dir-rtl': isRTL }" :lang="lang">
         {{ $t('trans.formSubmission.status') }}
         <v-icon>{{
           showStatusContent
@@ -322,8 +324,9 @@ export default {
           <strong>{{ $t('trans.statusPanel.assignedTo') }}</strong>
           {{ currentStatus.user ? currentStatus.user.fullName : 'N/A' }}
           <span v-if="currentStatus.user"
-            data-test="showAssigneeEmail">({{ currentStatus.user.email }})</span
-          >
+            data-test="showAssigneeEmail">
+            ({{ currentStatus.user.email }})
+          </span>
         </span>
       </p>
     </div>