added logout button

src/navigation/Router.tsx

@@ -9,16 +9,19 @@ import Users from "pages/Users";
 import { useMobile } from "hooks";
 import BottomNavigator from "./BottomNavigator";
 import TeamPage from "pages/Team";
+import Header from "app/Header";
+import Logout from "pages/Logout";
 
 interface Props {
   open: boolean,
   onOpen: () => void;
   onClose: () => void;
+  toggleTheme: () => void;
 }
 
 export default function Router(props: Props) {
 
-  const {open, onOpen, onClose} = props;
+  const {open, onOpen, onClose, toggleTheme } = props;
   const { isAuthenticated, loginWithRedirect, isLoading } = useAuth0()
   const isMobile = useMobile()
 
@@ -48,6 +51,13 @@ export default function Router(props: Props) {
   return (
     <Suspense fallback={<LoadingScreen />}>
       <BrowserRouter>
+        <Header
+          sideIsOpen={open}
+          openSide={onOpen}
+          toggleTheme={toggleTheme}
+          // teams={teams}
+          // setTeams={setTeams}
+        />
         <SideNavigator open={open} onOpen={onOpen} onClose={onClose} />
         <Routes>
           
@@ -67,6 +77,7 @@ export default function Router(props: Props) {
           {/* <Route path="blogs" element={<Blogs />} />
           <Route path="contact" element={<Contact />} />
           <Route path="*" element={<NoPage />} /> */}
+          <Route path="/logout" element={<Logout />} />
         </Routes>
         {isMobile && <BottomNavigator openSide={onOpen} sideIsOpen={open} />}
       </BrowserRouter>