VPR-104 fix(a11y): ManageDomains labels, ManageCompetencies empty state

- Add label props to ManageDomains q-inputs for screen reader
  accessibility (axe: label violation, WCAG 4.1.2)
- Show "No competencies found" text instead of empty q-tree to avoid
  aria-required-children and grey contrast failures on empty state

Author: rlorenzo

VueApp/src/CTS/pages/ManageCompetencies.vue

@@ -284,12 +284,19 @@ load()
             ></q-btn>
         </span>
     </h3>
+    <div
+        v-if="loaded && treeNodes.length === 0"
+        class="text-grey-8 q-pa-md"
+        role="status"
+    >
+        No competencies found.
+    </div>
     <q-tree
         :nodes="treeNodes"
         node-key="competencyId"
         v-model:expanded="expanded"
         dense
-        v-if="loaded"
+        v-if="loaded && treeNodes.length > 0"
         ref="tree"
     >
         <template #default-header="prop">

VueApp/src/CTS/pages/ManageDomains.vue

@@ -66,41 +66,34 @@ getDomains()
         method="post"
         @submit="save"
     >
-        <div class="row items-center">
-            <span class="col col-md-2 col-lg-1">Domain:</span>
+        <div class="row q-gutter-sm q-mb-sm">
             <q-input
                 outlined
                 dense
-                type="text"
-                name="name"
+                label="Domain"
                 v-model="domain.name"
-                size="30"
                 maxlength="250"
-                class="col col-md-5 col-lg-3"
+                class="col-12 col-md-5 col-lg-3"
             />
-        </div>
-        <div class="row items-center">
-            <span class="col col-md-2 col-lg-1">Order:</span>
             <q-input
                 outlined
                 dense
+                label="Order"
                 type="number"
-                name="order"
                 v-model="domain.order"
                 step="1"
-                class="col col-1"
+                class="col-4 col-md-1"
             />
         </div>
-        <div class="row items-start">
-            <span class="col col-md-2 col-lg-1 q-pt-sm">Description:</span>
+        <div class="row q-mb-sm">
             <q-input
                 outlined
                 dense
+                label="Description"
                 type="textarea"
-                name="description"
                 v-model="domain.description"
-                class="col col-md-5 col-lg-3"
-            ></q-input>
+                class="col-12 col-md-5 col-lg-3"
+            />
         </div>
         <div class="row q-mt-sm">
             <q-btn