auth + groups invite

src/pages/Home.tsx

@@ -1,4 +1,4 @@
-// import React from "react";
+// src/pages/Home.tsx
 import { Route, Routes } from 'react-router-dom';
 import Login from '../views/home/auth/Login';
 import Register from '../views/home/auth/Register';
@@ -18,6 +18,7 @@ import ProtectedRoute from '../components/router/ProtectedRoute';
 import { MissionsRightPanel } from '../views/home/rightpanel/Missions';
 import { ArticlesRightPanel } from '../views/home/rightpanel/Articles';
 import { GroupRightPanel } from '../views/home/rightpanel/Group';
+import GroupInvite from '../views/home/groupinviter/GroupInvite';
 
 const Home = () => {
     const name = useAppSelector((state) => state.auth.username);
@@ -37,14 +38,18 @@ const Home = () => {
                 <Routes>
                     <Route element={<ProtectedRoute />}>
                         <Route path="account/*" element={<Account />} />
+                        <Route
+                            path="group-invite/*"
+                            element={<GroupInvite />}
+                        />
+                        <Route path="group/:groupId" element={<Group />} />
+                        <Route path="groups/*" element={<Groups />} />
                     </Route>
 
                     <Route path="login" element={<Login />} />
                     <Route path="register" element={<Register />} />
                     <Route path="missions/*" element={<Missions />} />
                     <Route path="articles/*" element={<Articles />} />
-                    <Route path="group/:groupId" element={<Group />} />
-                    <Route path="groups/*" element={<Groups />} />
                     <Route path="contests/*" element={<Contests />} />
                     <Route path="contest/:contestId/*" element={<Contest />} />
                     <Route