Fix issue with login button in production

apps/blog/src/app/features/components/login-button/login-button.component.html

@@ -1,11 +1,11 @@
 <div>
-  @if (!isLogin) {
+  @if (isBrowser && !isLogin) {
     <button mat-button
             (click)='loginAction()'
             class='login-button font-bold text-sm'>
       Login
     </button>
-  } @else {
+  } @else if (isBrowser) {
     <div class='user-data'>
 
       <button mat-button

apps/blog/src/app/features/components/login-button/login-button.component.ts

@@ -1,4 +1,5 @@
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
 
 import { Store } from '@ngxs/store';
 
@@ -14,23 +15,28 @@ export class LoginButtonComponent implements OnInit {
 
   isLogin = false;
   me?: User;
+  isBrowser: boolean;
 
   constructor(
     @Inject(WINDOW) private window: Window,
     @Inject(ENVIRONMENT) private env: Environment,
     private store: Store,
     private url: UrlUtilsService,
-    private loginService: LoginService
+    private loginService: LoginService,
+    @Inject(PLATFORM_ID) platformId: string,
   ) {
+    this.isBrowser = isPlatformBrowser(platformId);
   }
 
   getUserImage() {
     return this.url.getUserImage(this.me);
   }
 
   ngOnInit(): void {
-    this.store.select(AuthState.isLogin).subscribe(isLogin => this.isLogin = isLogin);
-    this.store.select(AuthState.me).subscribe(me => this.me = me);
+    if (this.isBrowser) {
+      this.store.select(AuthState.isLogin).subscribe(isLogin => this.isLogin = isLogin);
+      this.store.select(AuthState.me).subscribe(me => this.me = me);
+    }
   }
 
   loginAction() {