Changes for tabs visibility and priority

- Alphanumeric formatting tab set to default priority while editing, low priority during browse.
- Good styling for Format tab contents in browse mode.
- Properties tab set to low priority during editing, default during browse.

src/plugins/displayLayout/AlphanumericFormatViewProvider.js

@@ -65,7 +65,9 @@ class AlphanumericFormatView {
   }
 
   priority() {
-    return 1;
+    return this.openmct.editor.isEditing()
+      ? this.openmct.priority.DEFAULT
+      : this.openmct.priority.LOW;
   }
 
   destroy() {

src/plugins/displayLayout/components/AlphanumericFormat.vue

@@ -32,13 +32,17 @@
         </div>
         <div class="c-inspect-properties__value">
           <input
+            v-if="isEditing"
             id="telemetryPrintfFormat"
             type="text"
-            :disabled="!isEditing"
             :value="telemetryFormat"
             :placeholder="nonMixedFormat ? '' : 'Mixed'"
             @change="formatTelemetry"
           />
+          <template v-if="!isEditing && telemetryFormat?.length">
+            {{ telemetryFormat }}
+          </template>
+          <span class="hint" v-else> No custom formating applied </span>
         </div>
       </li>
     </ul>

src/plugins/inspectorViews/properties/PropertiesViewProvider.js

@@ -56,6 +56,9 @@ export default function PropertiesViewProvider(openmct) {
           _destroy = destroy;
         },
         priority: function () {
+          if (openmct.editor.isEditing()) {
+            return openmct.priority.LOW;
+          }
           return openmct.priority.DEFAULT;
         },
         destroy: function () {