feat(admin): hide empty expandable sections

* empty sections are not shown
* authentication section under service account was reworked to be expandable

Author: bodnara

apps/admin-gui/src/app/users/pages/user-detail-page/user-settings/user-settings-service-identities/service-identity-detail-page/service-identity-overview/service-identity-overview.component.html

@@ -1 +1,6 @@
 <perun-web-apps-menu-buttons-field [items]="navItems"></perun-web-apps-menu-buttons-field>
+<perun-web-apps-expandable-tiles
+  [items]="authenticationItems"
+  [title]="'MENU_ITEMS.USER.AUTHENTICATION'"
+  [sectionId]="'authentication'">
+</perun-web-apps-expandable-tiles>

apps/admin-gui/src/app/users/pages/user-detail-page/user-settings/user-settings-service-identities/service-identity-detail-page/service-identity-overview/service-identity-overview.component.ts

@@ -10,6 +10,7 @@ import { User } from '@perun-web-apps/perun/openapi';
 })
 export class ServiceIdentityOverviewComponent implements OnInit {
   navItems: MenuItem[] = [];
+  authenticationItems: MenuItem[] = [];
   serviceAccount: User;
 
   constructor(private entityStorageService: EntityStorageService) {}
@@ -39,10 +40,25 @@ export class ServiceIdentityOverviewComponent implements OnInit {
         label: 'MENU_ITEMS.USER.DATA_QUOTAS',
         style: 'user-btn',
       },
+    ];
+
+    this.authenticationItems = [
+      {
+        cssIcon: 'perun-logins',
+        url: `/myProfile/service-identities/${this.serviceAccount.id}/authentication/logins`,
+        label: 'MENU_ITEMS.USER.LOGINS',
+        style: 'user-btn',
+      },
+      {
+        cssIcon: 'perun-certificates',
+        url: `/myProfile/service-identities/${this.serviceAccount.id}/authentication/certificates`,
+        label: 'MENU_ITEMS.USER.CERTIFICATES',
+        style: 'user-btn',
+      },
       {
-        cssIcon: 'perun-authentication',
-        url: `/myProfile/service-identities/${this.serviceAccount.id}/authentication`,
-        label: 'MENU_ITEMS.USER.AUTHENTICATION',
+        cssIcon: 'perun-key',
+        url: `/myProfile/service-identities/${this.serviceAccount.id}/authentication/ssh-keys`,
+        label: 'MENU_ITEMS.USER.SSH_KEYS',
         style: 'user-btn',
       },
     ];

libs/perun/components/src/lib/expandable-tiles/expandable-tiles.component.html

@@ -1,4 +1,4 @@
-<div *ngIf="{expanded: expanded | async} as ex" class="mt-4">
+<div *ngIf="items.length !== 0 && {expanded: expanded | async} as ex" class="mt-4">
   <button mat-button (click)="toggle()">
     <div class="d-flex align-items-center justify-content-start">
       <span class="fs-5">{{title | translate}}</span>