add protected routes for submissions

src/app.tsx

@@ -4,10 +4,11 @@ import './app.css'
 import { DefaultLayout } from './layouts'
 import routes from './routes'
 import "yet-another-react-lightbox/styles.css";
-import { Login, NotFound } from './pages'
+import { Login, NotFound, Submissions } from './pages'
 import { Provider } from 'react-redux'
 import { persistore, store } from './store/config'
 import { PersistGate } from 'redux-persist/integration/react'
+import { ProtectedRoute } from './routes/ProtectedRoute'
 
 
 export function App() {
@@ -28,8 +29,13 @@ export function App() {
                     />
                   </>
                 ))}
-                </Route>
+                <Route path='/submissions' id='submissions' element={
+                  <ProtectedRoute>
+                    <Submissions />
+                  </ProtectedRoute>
+                } />
                 <Route path="*" element={<NotFound />} />
+              </Route>
             </Routes>
           </Router>
         </PersistGate>

src/pages/Submissions/index.tsx

@@ -0,0 +1,9 @@
+function Submissions() {
+  return (
+    <div className={'content main-content'}>
+      <h1>Submssions</h1>
+    </div>
+  )
+}
+
+export default Submissions;