refactor: break ui up further down (#2292)

* refactor: break ui up further down

* permit loading even when authed

---------

Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>

frontend/projects/ui/src/app/common/toast-container/refresh-alert/refresh-alert.component.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'
+import { Observable, Subject, merge } from 'rxjs'
+
+import { RefreshAlertService } from './refresh-alert.service'
+
+@Component({
+  selector: 'refresh-alert',
+  templateUrl: './refresh-alert.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RefreshAlertComponent {
+  private readonly dismiss$ = new Subject<boolean>()
+
+  readonly show$ = merge(this.dismiss$, this.refresh$)
+
+  constructor(
+    @Inject(RefreshAlertService) private readonly refresh$: Observable<boolean>,
+  ) {}
+
+  onDismiss() {
+    this.dismiss$.next(false)
+  }
+}