added tasks page and functionality

src/navigation/Router.tsx

@@ -17,6 +17,7 @@ import Sites from "pages/Sites";
 import Site from "pages/Site";
 import Heaters from "pages/Heaters";
 import Heater from "pages/Heater";
+import Tasks from "pages/Tasks";
 //import Site from "pages/Site";
 
 const DeviceHistory = lazy(() => import("pages/DeviceHistory"));
@@ -299,6 +300,7 @@ export default function Router(props: Props) {
           {/* Page routes */}
           {/* <Route index element={<Typography>Hello!</Typography>} /> */}
           <Route path="users" element={<Users/>} />
+          <Route path="tasks" element={<Tasks />} />
           
           {/* Map pages */}
           <Route path="visualFarm" element={<FieldMap />} />

src/navigation/SideNavigator.tsx

@@ -39,6 +39,7 @@ import AirportMapIcon from "products/AviationIcons/AirportMapIcon";
 import JobsiteIcon from "products/Construction/JobSiteIcon";
 import { getThemeType } from "theme";
 import ObjectHeaterIcon from "products/Construction/ObjectHeaterIcon";
+import TasksIcon from "products/Construction/TasksIcon";
 
 const drawerWidth = 230;
 
@@ -296,6 +297,18 @@ export default function SideNavigator(props: Props) {
           </ListItemButton>
         </Tooltip>
         )}
+        <Tooltip title="Tasks" placement="right">
+          <ListItemButton
+            id="tour-tasks"
+            onClick={() => goTo("/tasks")}
+            classes={getClasses("/tasks")}
+            >
+            <ListItemIcon>
+              <TasksIcon />
+            </ListItemIcon>
+            {open && <ListItemText primary="Heaters" />}
+          </ListItemButton>
+        </Tooltip>
       </List>
     )
   }