Improve icons and labels of access table

apps/client/src/app/components/access-table/access-table.component.html

@@ -15,7 +15,7 @@
         } @else if (element.type === 'PUBLIC') {
           <span i18n>Public</span>
         } @else if (element.type === 'MCP') {
-          <span>MCP</span>
+          <span>Model Context Protocol (MCP)</span>
         }
       </td>
     </ng-container>
@@ -112,10 +112,11 @@
           }
           <button mat-menu-item (click)="onDeleteAccess(element.id)">
             <span class="align-items-center d-flex">
-              <ion-icon class="mr-2" name="remove-circle-outline" />
               @if (isReceivedAccess()) {
-                <span i18n>Remove</span>
+                <ion-icon class="mr-2" name="trash-outline" />
+                <span i18n>Delete</span>
               } @else {
+                <ion-icon class="mr-2" name="remove-circle-outline" />
                 <span i18n>Revoke</span>
               }
             </span>

apps/client/src/app/components/access-table/access-table.component.ts

@@ -31,7 +31,8 @@ import {
   createOutline,
   ellipsisHorizontal,
   linkOutline,
-  removeCircleOutline
+  removeCircleOutline,
+  trashOutline
 } from 'ionicons/icons';
 import ms from 'ms';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
@@ -107,7 +108,8 @@ export class GfAccessTableComponent {
       createOutline,
       ellipsisHorizontal,
       linkOutline,
-      removeCircleOutline
+      removeCircleOutline,
+      trashOutline
     });
 
     this.hasPermissionToEnableMcp = hasPermission(