frontend: add logout

frontend/src/App.css

@@ -264,6 +264,15 @@ nav ul {
   justify-content: space-around; /* Space the items evenly */
 }
 
+nav ul li p {
+  color: white;
+  text-decoration: none;  
+}
+
+nav ul li p:hover {
+  text-decoration: underline;
+}
+
 nav li {
   display: inline;
 }

frontend/src/App.tsx

@@ -10,6 +10,17 @@ import { FullScreenLoading } from './components/Loading';
 function App() {
   const [isNavOpen, setIsNavOpen] = useState(false);
 
+    const handleLogout = () => {
+        const cookies = document.cookie.split(";");
+
+      for (let cookie of cookies) {
+          const cookieName = cookie.split("=")[0].trim();
+          // Set the cookie's expiration date to the past to delete it
+          document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;`;
+      }
+        window.location.reload();
+    };
+
   const toggleNav = () => {
     setIsNavOpen(!isNavOpen);
   };
@@ -35,6 +46,9 @@ function App() {
           <li>
             <a href="#program">Программа</a>
           </li>
+          <li>
+            <button onClick={() => handleLogout()}>Выйти</button>
+          </li>
         </ul>
       </nav>