Feature/move set Ghostfolio API key to experimental (#4147)

* Move set Ghostfolio API key to experimental

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

@@ -100,7 +100,8 @@ export class AdminSettingsComponent implements OnDestroy, OnInit {
         autoFocus: false,
         data: {
           deviceType: this.deviceType,
-          pricingUrl: this.pricingUrl
+          pricingUrl: this.pricingUrl,
+          user: this.user
         },
         height: this.deviceType === 'mobile' ? '98vh' : undefined,
         width: this.deviceType === 'mobile' ? '100vw' : '50rem'

apps/client/src/app/components/admin-settings/ghostfolio-premium-api-dialog/ghostfolio-premium-api-dialog.html

@@ -31,6 +31,7 @@
       mat-flat-button
       >Notify me</a
     >
+    @if (data.user?.settings?.isExperimentalFeatures) {
       <div>
         <small class="text-muted" i18n>or</small>
       </div>
@@ -42,6 +43,7 @@
       >
         I have an API key
       </button>
+    }
   </div>
 </div>
 

apps/client/src/app/components/admin-settings/ghostfolio-premium-api-dialog/interfaces/interfaces.ts

@@ -1,4 +1,7 @@
+import { User } from '@ghostfolio/common/interfaces';
+
 export interface GhostfolioPremiumApiDialogParams {
   deviceType: string;
   pricingUrl: string;
+  user: User;
 }