[Ps 1319] When the name of an entry is too long, the Icon indicating it is shared is not shown (#3500)

* fixing the bug ps-1319 by using ellipsis pipe which deafultg 25 character length

* pass 20 as the limit length instead default 25

Co-authored-by: dynwee <onwudiweokeke@gmail.com>

apps/browser/src/popup/components/cipher-row.component.html

@@ -15,7 +15,7 @@
     <app-vault-icon [cipher]="cipher"></app-vault-icon>
     <div class="row-main-content">
       <span class="text">
-        {{ cipher.name }}
+        {{ cipher.name | ellipsis: 20 }}
         <ng-container *ngIf="cipher.organizationId">
           <i
             class="bwi bwi-collection text-muted"

apps/desktop/src/app/vault/ciphers.component.html

@@ -24,7 +24,7 @@
           <app-vault-icon [cipher]="c"></app-vault-icon>
           <div class="flex-cipher-list-item">
             <span class="text">
-              {{ c.name }}
+              {{ c.name | ellipsis }}
               <ng-container *ngIf="c.organizationId">
                 <i
                   class="bwi bwi-collection text-muted"