Chore: ditch the abandoned ngx-bootstrap-icons, roll our own (#14665)

src-ui/src/app/components/not-found/not-found.component.html

@@ -6,7 +6,7 @@
       <h1 class="display-6" i18n>Not Found</h1>
       <p>
         <a class="btn btn-primary" routerLink="/dashboard">
-          <i-bs width="1.2em" height="1.2em" name="house" class="me-1"></i-bs><ng-container i18n>Go to Dashboard</ng-container>
+          <pngx-bs-icon width="1.2em" height="1.2em" name="house" class="me-1"></pngx-bs-icon><ng-container i18n>Go to Dashboard</ng-container>
         </a>
       </p>
     </div>

src-ui/src/app/components/not-found/not-found.component.spec.ts

@@ -3,7 +3,6 @@ import { provideHttpClientTesting } from '@angular/common/http/testing'
 import { ComponentFixture, TestBed } from '@angular/core/testing'
 import { By } from '@angular/platform-browser'
 import { RouterModule } from '@angular/router'
-import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
 import { routes } from 'src/app/app-routing.module'
 import { LogoComponent } from '../common/logo/logo.component'
 import { NotFoundComponent } from './not-found.component'
@@ -14,12 +13,7 @@ describe('NotFoundComponent', () => {
 
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      imports: [
-        NgxBootstrapIconsModule.pick(allIcons),
-        NotFoundComponent,
-        LogoComponent,
-        RouterModule.forRoot(routes),
-      ],
+      imports: [NotFoundComponent, LogoComponent, RouterModule.forRoot(routes)],
       providers: [
         provideHttpClient(withInterceptorsFromDi()),
         provideHttpClientTesting(),

src-ui/src/app/components/not-found/not-found.component.ts

@@ -1,13 +1,13 @@
 import { Component } from '@angular/core'
 import { RouterModule } from '@angular/router'
-import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { BootstrapIconComponent } from 'src/app/components/common/bootstrap-icon/bootstrap-icon.component'
 import { LogoComponent } from '../common/logo/logo.component'
 
 @Component({
   selector: 'pngx-not-found',
   templateUrl: './not-found.component.html',
   styleUrls: ['./not-found.component.scss'],
-  imports: [LogoComponent, NgxBootstrapIconsModule, RouterModule],
+  imports: [LogoComponent, BootstrapIconComponent, RouterModule],
 })
 export class NotFoundComponent {
   constructor() {}