working translation

frontend/app/src/pages/AppRoutes.tsx

@@ -1,11 +1,11 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 import MainPage from "./MainPage";
-import { useGetUserQuery } from "../slice/AuthApi";
-import { getLocalToken, store, updateUser } from "../config/store";
+import { getLocalToken, loadLanguage, store } from "../config/store";
 
 const AppRoutes = () => {
   store.dispatch(getLocalToken());
+  store.dispatch(loadLanguage());
 
   return (
     <BrowserRouter>

frontend/app/src/pages/MainPage.tsx

@@ -2,15 +2,18 @@ import React from "react";
 import "./styles.css";
 import logoSquare from "../../static/logo-square.png";
 import { Button } from "antd";
+import tr from "../config/translation";
 
 const MainPage = () => {
   return (
     <div className="card main">
       <img src={logoSquare} alt="logo" className="image" />
-      <p style={{ fontSize: "2rem" }}>Queuing has never been so simple</p>
+      <p style={{ fontSize: "2rem" }}>
+        {tr("Queuing has never been so simple")}
+      </p>
       <div className="button-box">
-        <Button>Join a queue</Button>
-        <Button>Take a tour</Button>
+        <Button>{tr("Join a queue")}</Button>
+        <Button>{tr("Take a tour")}</Button>
       </div>
     </div>
   );

frontend/app/src/pages/styles.css

@@ -5,6 +5,7 @@
   }
 
 .main {
+    font-family: "Comfortaa", sans-serif;
     display: flex;
     flex-flow: column;
     justify-items: center;