working translation

frontend/app/src/components/HeaderComponent.tsx

@@ -5,6 +5,7 @@ import AuthModal from "./AuthModal";
 import "./styles.css";
 import { StorePrototype, logOut, store } from "../config/store";
 import { useSelector } from "react-redux";
+import tr from "../config/translation";
 
 const { Header } = Layout;
 
@@ -18,9 +19,9 @@ const HeaderComponent = () => {
     (state: StorePrototype) => state.auth.user
   );
 
-  const userMenuItems: MenuProps["userMenuItems"] = [
+  const userMenuItems: MenuProps["items"] = [
     {
-      label: "Log out",
+      label: tr("Log out"),
       key: "logout",
       icon: <LogoutOutlined />,
       onClick: () => store.dispatch(logOut()),
@@ -39,7 +40,7 @@ const HeaderComponent = () => {
           {user.username}
         </Popover>
       ) : (
-        "Log In"
+        tr("Log in")
       ),
       key: "login",
       icon: <UserOutlined />,