Refactor edit icon in access table to use create-outline icon

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

@@ -67,7 +67,7 @@
         <mat-menu #transactionMenu="matMenu" xPosition="before">
           <button mat-menu-item (click)="onEditAccess(element.id)">
             <span class="align-items-center d-flex">
-              <ion-icon class="mr-2" name="pencil-outline" />
+              <ion-icon class="mr-2" name="create-outline" />
               <span i18n>Edit</span>
             </span>
           </button>

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

@@ -23,11 +23,11 @@ import { IonIcon } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
 import {
   copyOutline,
+  createOutline,
   ellipsisHorizontal,
   linkOutline,
   lockClosedOutline,
   lockOpenOutline,
-  pencilOutline,
   removeCircleOutline
 } from 'ionicons/icons';
 import ms from 'ms';
@@ -67,11 +67,11 @@ export class GfAccessTableComponent implements OnChanges {
   ) {
     addIcons({
       copyOutline,
+      createOutline,
       ellipsisHorizontal,
       linkOutline,
       lockClosedOutline,
       lockOpenOutline,
-      pencilOutline,
       removeCircleOutline
     });
   }