Add more descriptive titles for web vault rows (#5404)

* Add more descriptive titles for web vault rows

* Swap example strings

apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html

@@ -24,7 +24,7 @@
       [routerLink]="[]"
       [queryParams]="{ itemId: cipher.id }"
       queryParamsHandling="merge"
-      title="{{ 'editItem' | i18n }}"
+      title="{{ 'editItemWithName' | i18n : cipher.name }}"
       type="button"
     >
       {{ cipher.name }}

apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html

@@ -21,6 +21,7 @@
     type="button"
     class="tw-w-full tw-overflow-hidden tw-text-ellipsis tw-text-start"
     linkType="secondary"
+    title="{{ 'viewCollectionWithName' | i18n : collection.name }}"
     [routerLink]="[]"
     [queryParams]="{ collectionId: collection.id }"
     queryParamsHandling="merge"

apps/web/src/locales/en/messages.json

@@ -2751,6 +2751,24 @@
       }
     }
   },
+  "viewCollectionWithName": {
+    "message": "View collection - $NAME$",
+    "placeholders": {
+      "name": {
+        "content": "$1",
+        "example": "Collection1"
+      }
+    }
+  },
+  "editItemWithName": {
+    "message": "Edit item - $NAME$",
+    "placeholders": {
+      "name": {
+        "content": "$1",
+        "example": "Google Login"
+      }
+    }
+  },
   "copiedPasswordItemId": {
     "message": "Copied password for item $ID$.",
     "placeholders": {