WEB-563 feat(login): modernize login UI with Material Design 3 and production mode (#3061)

improve

improve

improve

src/app/login/login.component.ts

@@ -75,6 +75,8 @@ import { VersionService } from '../system/version.service';
 export class LoginComponent implements OnInit, OnDestroy {
   /** Show version info table if env allows */
   displayBackendInfo = environment.displayBackEndInfo !== 'false';
+  /** Production mode - minimal hero with branding only */
+  productionMode = environment.productionMode === true;
 
   private alertService = inject(AlertService);
   private settingsService = inject(SettingsService);
@@ -90,6 +92,12 @@ export class LoginComponent implements OnInit, OnDestroy {
   /** Server info for display */
   server: string = '';
 
+  /** Get tenant display name with first letter capitalized */
+  get tenantDisplayName(): string {
+    const tenant = this.versions?.tenant || this.settingsService.tenantIdentifier || 'default';
+    return tenant.charAt(0).toUpperCase() + tenant.slice(1).toLowerCase();
+  }
+
   /** True if password requires a reset. */
   resetPassword = false;
   /** True if user requires two factor authentication. */