Add branding assets for TIS tenant with logo and login image

src/app/domains/pos/components/splash.component.html

@@ -0,0 +1,4 @@
+<div class="h-svh w-svw flex flex-col items-center justify-center">
+  <img [src]="logo" class="w-32 animate-pulse" />
+  <span class="text-xl font-medium text-center text-muted-color mt-4"> در حال بارگذاری ... </span>
+</div>

src/app/domains/pos/components/splash.component.ts

@@ -0,0 +1,33 @@
+import { Component, EventEmitter, inject, Output } from '@angular/core';
+import { finalize, forkJoin } from 'rxjs';
+import images from 'src/assets/images';
+import { PosInfoStore, PosProfileStore } from '../store';
+import { DeviceInfoStore } from '../store/device.store';
+
+@Component({
+  selector: 'pos-splash',
+  templateUrl: 'splash.component.html',
+})
+export class PosSplashComponent {
+  @Output() onComplete = new EventEmitter<void>();
+
+  private readonly posProfileStore = inject(PosProfileStore);
+  private readonly posInfoStore = inject(PosInfoStore);
+  private readonly deviceInfoStore = inject(DeviceInfoStore);
+
+  logo = images.logo;
+
+  async ngOnInit() {
+    const data = await this.deviceInfoStore.getData();
+    const profileObs = await this.posProfileStore.getData();
+    const infoObs = await this.posInfoStore.getData();
+
+    forkJoin([profileObs, infoObs])
+      .pipe(
+        finalize(() => {
+          this.onComplete.emit();
+        }),
+      )
+      .subscribe(([profileResult, infoResult]) => {});
+  }
+}