style: Now uses template files

src/app/features/auth/login/login.component.ts

@@ -0,0 +1,63 @@
+import { Component, inject, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
+import { Store } from '@ngrx/store';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideLogIn } from '@ng-icons/lucide';
+
+import { AuthService } from '../../../core/services/auth.service';
+import { ServerDirectoryService } from '../../../core/services/server-directory.service';
+import * as UsersActions from '../../../store/users/users.actions';
+import { User } from '../../../core/models';
+
+@Component({
+  selector: 'app-login',
+  standalone: true,
+  imports: [CommonModule, FormsModule, NgIcon],
+  viewProviders: [provideIcons({ lucideLogIn })],
+  templateUrl: './login.component.html',
+})
+export class LoginComponent {
+  private auth = inject(AuthService);
+  private serversSvc = inject(ServerDirectoryService);
+  private store = inject(Store);
+  private router = inject(Router);
+
+  servers = this.serversSvc.servers;
+  username = '';
+  password = '';
+  serverId: string | undefined = this.serversSvc.activeServer()?.id;
+  error = signal<string | null>(null);
+
+  trackById(_index: number, item: { id: string }) { return item.id; }
+
+  submit() {
+    this.error.set(null);
+    const sid = this.serverId || this.serversSvc.activeServer()?.id;
+    this.auth.login({ username: this.username.trim(), password: this.password, serverId: sid }).subscribe({
+      next: (resp) => {
+        if (sid) this.serversSvc.setActiveServer(sid);
+        const user: User = {
+          id: resp.id,
+          oderId: resp.id,
+          username: resp.username,
+          displayName: resp.displayName,
+          status: 'online',
+          role: 'member',
+          joinedAt: Date.now(),
+        };
+        try { localStorage.setItem('metoyou_currentUserId', resp.id); } catch {}
+        this.store.dispatch(UsersActions.setCurrentUser({ user }));
+        this.router.navigate(['/search']);
+      },
+      error: (err) => {
+        this.error.set(err?.error?.error || 'Login failed');
+      },
+    });
+  }
+
+  goRegister() {
+    this.router.navigate(['/register']);
+  }
+}