Add testnet4 faucet

frontend/src/app/master-page.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Routes, RouterModule } from '@angular/router';
+import { Routes, RouterModule, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { MasterPageComponent } from './components/master-page/master-page.component';
 import { SharedModule } from './shared/shared.module';
 
@@ -12,6 +12,7 @@ import { BlocksList } from './components/blocks-list/blocks-list.component';
 import { RbfList } from './components/rbf-list/rbf-list.component';
 import { ServerHealthComponent } from './components/server-health/server-health.component';
 import { ServerStatusComponent } from './components/server-health/server-status.component';
+import { FaucetComponent } from './components/faucet/faucet.component'
 
 const browserWindow = window || {};
 // @ts-ignore
@@ -104,6 +105,19 @@ if (window['__env']?.OFFICIAL_MEMPOOL_SPACE) {
     data: { networks: ['bitcoin', 'liquid'] },
     component: ServerStatusComponent
   });
+  routes[0].children.push({
+    path: 'faucet',
+    canActivate: [(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => {
+      return state.url.startsWith('/testnet4/');
+    }],
+    component: StartComponent,
+    data: { preload: true, networkSpecific: true },
+    children: [{
+      path: '',
+      data: { networks: ['bitcoin'] },
+      component: FaucetComponent,
+    }]
+  })
 }
 
 @NgModule({