Implement the register screen and make auth work

frontend/src/ui/components/Alerts.tsx

@@ -8,8 +8,8 @@ export interface Alert {
 export function AlertsContainer({ alerts }: { alerts: Alert[]}) {
     return (
         <div>
-            {alerts.map(alert => {
-                return <div className={`alert alert-${alert.type}`}>{alert.message}</div>
+            {alerts.slice(-3).map((alert, i) => {
+                return <div className={`alert alert-${alert.type}`} key={i}>{alert.message}</div>
             })}
         </div>
     )

frontend/src/ui/screen/LoginScreen.tsx

@@ -1,20 +1,21 @@
 import { useImmer } from "use-immer";
-import { showChat, showRegister } from "../../navigation";
 import { AlertsContainer, type Alert, type AlertType } from "../components/Alerts";
 import { AuthContainer, AuthHeader } from "../components/Auth";
 import type { ErrorResponse, LoginRequest, LoginResponse } from "../../core/types";
 import { setUser } from "../../auth/api";
 import { ensureKeysOnLogin } from "../../auth/crypto";
 import { API_BASE_URL } from "../../core/config";
-import { initializeProfile } from "../../userPanel/profile/profile";
+// import { initializeProfile } from "../../userPanel/profile/profile";
 import { useRef } from "react";
 import type { TextField } from "mdui/components/text-field";
+import { useAppState } from "../state";
 
 export default function LoginScreen() {
     const [alerts, updateAlerts] = useImmer<Alert[]>([]);
+    const setCurrentPage = useAppState(state => state.setCurrentPage);
 
     function showAlert(type: AlertType, message: string) {
-        updateAlerts((alerts) => alerts.push({type: type, message: message}));
+        updateAlerts((alerts) => { alerts.push({type: type, message: message}) });
     }
 
     const usernameElement = useRef<TextField>(null);
@@ -61,8 +62,8 @@ export default function LoginScreen() {
                                 } catch (e) {
                                     console.error("Key setup failed:", e);
                                 }
-                                showChat();
-                                initializeProfile(); // Initialize profile after login
+                                setCurrentPage("chat");
+                                // initializeProfile(); // Initialize profile after login
                             } else {
                                 const data: ErrorResponse = await response.json();
                                 showAlert("danger", data.message || "Неверное имя пользователя или пароль");
@@ -103,7 +104,7 @@ export default function LoginScreen() {
                         <a
                             href="#"
                             className="link" 
-                            onClick={showRegister}>
+                            onClick={() => setCurrentPage("register")}>
                             Зарегистрируйтесь
                         </a>
                     </p>

frontend/src/ui/screen/RegisterScreen.tsx

@@ -1,5 +1,5 @@
 import { useImmer } from "use-immer";
-import { showLogin } from "../../navigation";
+// import { showLogin } from "../../navigation";
 import { AuthContainer, AuthHeader } from "../components/Auth";
 import { AlertsContainer, type Alert, type AlertType } from "../components/Alerts";
 import { useRef } from "react";
@@ -7,12 +7,14 @@ import { TextField } from "mdui/components/text-field";
 import type { ErrorResponse, RegisterRequest } from "../../core/types";
 import { API_BASE_URL } from "../../core/config";
 import { delay } from "../../utils/utils";
+import { useAppState } from "../state";
 
 export default function RegisterScreen() {
     const [alerts, updateAlerts] = useImmer<Alert[]>([]);
+    const setCurrentPage = useAppState(state => state.setCurrentPage);
 
     function showAlert(type: AlertType, message: string) {
-        updateAlerts((alerts) => alerts.push({type: type, message: message}));
+        updateAlerts((alerts) => { alerts.push({type: type, message: message}) });
     }
 
     const usernameElement = useRef<TextField>(null);
@@ -71,7 +73,7 @@ export default function RegisterScreen() {
                             // Registration successful
                             showAlert("success", "Регистрация прошла успешно! Теперь вы можете войти.");
                             await delay(2000);
-                            showLogin();
+                            setCurrentPage("login");
                         } else {
                             const data: ErrorResponse = await response.json();
                             showAlert("danger", data.message || "Ошибка при регистрации");
@@ -127,7 +129,7 @@ export default function RegisterScreen() {
                             href="#" 
                             id="login-link" 
                             className="link" 
-                            onClick={showLogin}>
+                            onClick={() => setCurrentPage("login")}>
                             Войдите
                         </a>
                     </p>