(fix) Lost (A) in front of archived item on item card [SCI-9805]

app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue

@@ -12,8 +12,11 @@
           class="sticky top-0 right-0 bg-white flex z-50 flex-col h-[78px] pt-6">
           <div class="header flex w-full h-[30px] pr-6">
             <repository-item-sidebar-title v-if="defaultColumns"
-              :editable="permissions?.can_manage && !defaultColumns?.archived" :name="defaultColumns.name"
-              @update="update"></repository-item-sidebar-title>
+              :editable="permissions?.can_manage && !defaultColumns?.archived"
+              :name="defaultColumns.name"
+              :archived="defaultColumns.archived"
+              @update="update">
+            </repository-item-sidebar-title>
             <i id="close-icon" @click="toggleShowHideSidebar(null)"
               class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
           </div>

app/javascript/vue/repository_item_sidebar/Title.vue

@@ -5,7 +5,7 @@
     :attributeName="`${i18n.t('repositories.item_card.header_title')}`" :singleLine="true"
     @editingEnabled="editingName = true" @editingDisabled="editingName = false" @update="updateName" @delete="handleDelete"></inline-edit>
   <h4 v-else class="item-name my-auto truncate text-xl" :title="name">
-    {{ name }}
+    {{ computedName }}
   </h4>
 </template>
 
@@ -21,6 +21,12 @@ export default {
   props: {
     editable: Boolean,
     name: String,
+    archived: Boolean,
+  },
+  computed: {
+    computedName() {
+      return this.archived ? `(A) ${this.name}` : this.name;
+    },
   },
   methods: {
     updateName(name) {