fix: show clientid on api clients (#1379)

* fix: show clientid

* Update system-defaults.yaml

* fix: field name for clientId app key json

* fix: mfa verify otp

* fix: mfa verify otp (show error correctly)

* fix: nil pointer in login.html

* fix: check clientID clientSecret for apis correctly (and add missing i18n)

* update oidc pkg

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>
Co-authored-by: Livio Amstutz <livio.a@gmail.com>

console/src/app/pages/projects/apps/app-detail/app-detail.component.html

@@ -70,6 +70,21 @@
                     </button>
                 </div>
             </div>
+
+            <div class="environment" *ngIf="app?.apiConfig?.clientId">
+                <span class="key">{{'APP.API.INFO.CLIENTID' | translate}}</span>
+                <div class="environment-row">
+                    <span>{{this.app.apiConfig?.clientId}}</span>
+                    <button color="primary" [disabled]="copiedKey == this.app.apiConfig?.clientId"
+                        [matTooltip]="(copiedKey != this.app.apiConfig?.clientId ? 'USER.PAGES.COPY' : 'USER.PAGES.COPIED' ) | translate"
+                        appCopyToClipboard [valueToCopy]="this.app.apiConfig?.clientId"
+                        (copiedValue)="copiedKey = 'clientId'" mat-icon-button>
+                        <i *ngIf="copiedKey != 'clientId'" class="las la-clipboard"></i>
+                        <i *ngIf="copiedKey == 'clientId'" class="las la-clipboard-check"></i>
+                    </button>
+                </div>
+            </div>
+
             <ng-container *ngFor="let environmentV of (environmentMap | keyvalue)">
                 <div *ngIf="environmentV.value" class="environment">
                     <span class="key">{{environmentV.key}}</span>

console/src/assets/i18n/de.json

@@ -1080,6 +1080,9 @@
             }
         },
         "API": {
+            "INFO": {
+                "CLIENTID":"Client Id"
+            },
             "REGENERATESECRET": "Client Secret neu generieren",
             "SELECTION":{
                 "TITLE":"API",

console/src/assets/i18n/en.json

@@ -1081,6 +1081,9 @@
             }
         },
         "API": {
+            "INFO": {
+                "CLIENTID":"Client Id"
+            },
             "REGENERATESECRET": "Regenerate Client Secret",
             "SELECTION":{
                 "TITLE":"API",