Add asset tag edit functionality to overview pageHEADmaster

Implemented the ability to view and edit the system asset tag directly
from the Overview page, including a modal dialog for editing, Vuex store
action for saving, and truncation in the app header.

Changes:
  - Added ModalAssetTag.vue component with:
    - Form input for editing the asset tag value
    - Vuelidate validation requiring a non-empty tag
  - Updated OverviewServer.vue to:
    - Display asset tag in the system information section
    - Add inline edit button using Carbon edit icon
    - Dispatch saveAssetTag store action with toast feedback
    - Refresh global system info after a successful save
  - Added saveAssetTag action to SystemStore.js using PATCH
    against the system path endpoint
  - Updated AppHeader.vue to truncate asset tags longer than
    30 characters with an ellipsis, preserving full value in
    the title attribute for accessibility
  - Added translation keys for asset tag label, modal title,
    and success/error toast messages in en-US, ka-GE, and
    ru-RU locale files

Testing:
  - Verified asset tag displays correctly in system info section
  - Verified modal opens, validates, and submits correctly
  - Verified PATCH request updates asset tag on the server
  - Validated success and error toast notifications display
  - Confirmed long asset tags are truncated in the header

Change-Id: I6ac51dfc24b9d40986b74e9220cff955b029d659
Signed-off-by: Nishant Tiwari <tiwari.nishant@ibm.com>

1 files changed, 9 insertions, 1 deletions

diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index 79e5c167b..0773cbe3d 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -39,7 +39,9 @@
           </b-navbar-brand>
           <div v-if="isNavTagPresent" :key="routerKey" class="ps-2 nav-tags">
             <span>|</span>
-            <span class="ps-3 asset-tag">{{ assetTag }}</span>
+            <span class="ps-3 asset-tag" :title="assetTag">
+              {{ assetTag }}
+            </span>
             <span class="ps-3">{{ modelType }}</span>
             <span class="ps-3">{{ serialNumber }}</span>
           </div>
@@ -367,6 +369,12 @@ export default {
         @include media-breakpoint-down($responsive-layout-bp) {
           @include visually-hidden;
         }
+        max-width: 50rem;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        display: inline-block;
+        vertical-align: middle;
       }
     }
   }