Allow removing invalid Ghostfolio API key

apps/client/src/app/components/admin-settings/admin-settings.component.html

@@ -162,7 +162,7 @@
 
           <td *matCellDef="let element" class="px-1 text-right" mat-cell>
             @if (isGhostfolioDataProvider(element)) {
-              @if (isGhostfolioApiKeyValid === true) {
+              @if (hasGhostfolioApiKey) {
                 <button
                   class="mx-1 no-min-width px-2"
                   mat-button
@@ -171,7 +171,11 @@
                 >
                   <ion-icon name="ellipsis-horizontal" />
                 </button>
-                <mat-menu #ghostfolioApiMenu="matMenu" xPosition="before">
+                <mat-menu
+                  #ghostfolioApiMenu="matMenu"
+                  class="no-max-width"
+                  xPosition="before"
+                >
                   <button mat-menu-item (click)="onRemoveGhostfolioApiKey()">
                     <span class="align-items-center d-flex">
                       <ion-icon class="mr-2" name="trash-outline" />
@@ -179,7 +183,7 @@
                     </span>
                   </button>
                 </mat-menu>
-              } @else if (isGhostfolioApiKeyValid === false) {
+              } @else if (hasGhostfolioApiKey === false) {
                 <button
                   class="special"
                   mat-flat-button