auth + groups invite

src/App.tsx

@@ -9,22 +9,27 @@ import Mission from './pages/Mission';
 import ArticleEditor from './pages/ArticleEditor';
 import Article from './pages/Article';
 import ContestEditor from './pages/ContestEditor';
+import ProtectedRoute from './components/router/ProtectedRoute';
 
 function App() {
     return (
         <div className="w-full h-full bg-liquid-background flex justify-center">
             <div className="relative w-full max-w-[1600px] h-full ">
                 <Routes>
+                    <Route element={<ProtectedRoute />}>
+                        <Route
+                            path="/article/create/*"
+                            element={<ArticleEditor />}
+                        />
+                        <Route
+                            path="/contest/create/*"
+                            element={<ContestEditor />}
+                        />
+                    </Route>
+
                     <Route path="/home/*" element={<Home />} />
                     <Route path="/mission/:missionId" element={<Mission />} />
-                    <Route
-                        path="/article/create/*"
-                        element={<ArticleEditor />}
-                    />
-                    <Route
-                        path="/contest/create/*"
-                        element={<ContestEditor />}
-                    />
+
                     <Route path="/article/:articleId" element={<Article />} />
                     <Route path="*" element={<Home />} />
                 </Routes>