Use it in the main share links component

src-ui/src/app/components/manage/share-links/share-links.component.html

@@ -26,9 +26,7 @@
     <li [ngbNavItem]="ShareLinksNavIDs.Bundles">
       <button ngbNavLink i18n>Bundles</button>
       <ng-template ngbNavContent>
-        <div class="border border-top-0 rounded-bottom p-3 text-muted" i18n>
-          Manage share link bundles here.
-        </div>
+        <pngx-share-link-bundle-list></pngx-share-link-bundle-list>
       </ng-template>
     </li>
   }

src-ui/src/app/components/manage/share-links/share-links.component.spec.ts

@@ -2,11 +2,14 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'
 import { ActivatedRoute, convertToParamMap, Router } from '@angular/router'
 import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap'
 import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
+import { of } from 'rxjs'
 import {
   PermissionAction,
   PermissionsService,
   PermissionType,
 } from 'src/app/services/permissions.service'
+import { ShareLinkBundleService } from 'src/app/services/rest/share-link-bundle.service'
+import { ToastService } from 'src/app/services/toast.service'
 import { PageHeaderComponent } from '../../common/page-header/page-header.component'
 import { ShareLinksComponent, ShareLinksNavIDs } from './share-links.component'
 
@@ -35,6 +38,18 @@ describe('ShareLinksComponent', () => {
           provide: Router,
           useValue: { navigate: jest.fn().mockResolvedValue(true) },
         },
+        {
+          provide: ShareLinkBundleService,
+          useValue: {
+            listAllBundles: jest.fn().mockReturnValue(of([])),
+            rebuildBundle: jest.fn(),
+            delete: jest.fn(),
+          },
+        },
+        {
+          provide: ToastService,
+          useValue: { showInfo: jest.fn(), showError: jest.fn() },
+        },
       ],
     }).compileComponents()
 

src-ui/src/app/components/manage/share-links/share-links.component.ts

@@ -7,6 +7,7 @@ import {
   PermissionType,
 } from 'src/app/services/permissions.service'
 import { PageHeaderComponent } from '../../common/page-header/page-header.component'
+import { ShareLinkBundleListComponent } from './share-link-bundle-list/share-link-bundle-list.component'
 
 export enum ShareLinksNavIDs {
   DocumentLinks = 'documents',
@@ -16,7 +17,7 @@ export enum ShareLinksNavIDs {
 @Component({
   selector: 'pngx-share-links',
   templateUrl: './share-links.component.html',
-  imports: [NgbNavModule, PageHeaderComponent],
+  imports: [NgbNavModule, PageHeaderComponent, ShareLinkBundleListComponent],
 })
 export class ShareLinksComponent {
   private readonly route = inject(ActivatedRoute)