add upcoming features

frontend/src/App.tsx

@@ -6,20 +6,23 @@ import InitialSetup from './components/InitialSetup';
 import Program from './components/Program';
 import Snowflakes from './components/Snowflakes';
 import { FullScreenLoading } from './components/Loading';
+import SecretSanta from './components/SecretSanta';
+import Suggestions from './components/Suggestions';
+import AttendanceTable from './components/AttendnaceTable';
 
 function App() {
   const [isNavOpen, setIsNavOpen] = useState(false);
 
-    const handleLogout = () => {
-        const cookies = document.cookie.split(";");
+  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();
-    };
+    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);
@@ -27,7 +30,7 @@ function App() {
 
   return (
     <>
-      <FullScreenLoading/>
+      <FullScreenLoading />
       <Snowflakes />
       <InitialSetup />
 
@@ -46,6 +49,15 @@ function App() {
           <li>
             <a href="#program">Программа</a>
           </li>
+          <li>
+            <a href="#suggestions">Пожелания</a>
+          </li>
+          <li>
+            <a href="#santa">Secret Santa</a>
+          </li>
+          <li>
+            <a href="#attendance-table">Кто празднует?</a>
+          </li>
           <li>
             <button onClick={() => handleLogout()}>Выйти</button>
           </li>
@@ -61,6 +73,15 @@ function App() {
       <div id="program">
         <Program />
       </div>
+      <div id="suggestions">
+        <Suggestions />
+      </div>
+      <div id="santa">
+        <SecretSanta />
+      </div>
+      <div id="attendance-table">
+        <AttendanceTable />
+      </div>
     </>
   );
 }