refactor: stricter domain: auth

toju-app/src/app/domains/authentication/feature/user-bar/user-bar.component.html

@@ -0,0 +1,35 @@
+<div class="h-10 border-b border-border bg-card flex items-center justify-end px-3 gap-2">
+  <div class="flex-1"></div>
+  @if (user()) {
+    <div class="flex items-center gap-2 text-sm">
+      <ng-icon
+        name="lucideUser"
+        class="w-4 h-4 text-muted-foreground"
+      />
+      <span class="text-foreground">{{ user()?.displayName }}</span>
+    </div>
+  } @else {
+    <button
+      type="button"
+      (click)="goto('login')"
+      class="px-2 py-1 text-sm rounded bg-secondary hover:bg-secondary/80 flex items-center gap-1"
+    >
+      <ng-icon
+        name="lucideLogIn"
+        class="w-4 h-4"
+      />
+      Login
+    </button>
+    <button
+      type="button"
+      (click)="goto('register')"
+      class="px-2 py-1 text-sm rounded bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-1"
+    >
+      <ng-icon
+        name="lucideUserPlus"
+        class="w-4 h-4"
+      />
+      Register
+    </button>
+  }
+</div>