Add Docs and Changelog to the main menu

Client/src/Components/Sidebar/index.jsx

@@ -41,6 +41,8 @@ import ArrowUp from "../../assets/icons/up-arrow.svg?react";
 import ArrowRight from "../../assets/icons/right-arrow.svg?react";
 import ArrowLeft from "../../assets/icons/left-arrow.svg?react";
 import DotsVertical from "../../assets/icons/dots-vertical.svg?react";
+import ChangeLog from "../../assets/icons/changeLog.svg?react";
+import Docs from "../../assets/icons/docs.svg?react";
 
 import "./index.css";
 
@@ -71,6 +73,8 @@ const menu = [
 const other = [
   { name: "Support", path: "support", icon: <Support /> },
   { name: "Settings", path: "settings", icon: <Settings /> },
+  { name: "Docs", path: "docs", icon: <Docs /> },
+  { name: "Changelog", path: "changelog", icon: <ChangeLog /> },
 ];
 
 /**
@@ -498,14 +502,33 @@ function Sidebar() {
               className={
                 location.pathname.includes(item.path) ? "selected-path" : ""
               }
-              onClick={() =>
-                item.path === "support"
-                  ? window.open(
+              onClick={
+                () => {
+                  if (item.path === "support") {
+                    window.open(
                       "https://github.com/bluewave-labs/bluewave-uptime/issues",
                       "_blank",
                       "noreferrer"
-                    )
-                  : navigate(`/${item.path}`)
+                    );
+                  }
+                  else if(item.path === "docs"){
+                    window.open(
+                            "https://bluewavelabs.gitbook.io/uptime-manager",
+                            "_blank",
+                            "noreferrer"
+                          )
+                  }
+                  else if(item.path === "changelog"){
+                    window.open(
+                            "https://github.com/bluewave-labs/bluewave-uptime/releases",
+                            "_blank",
+                            "noreferrer"
+                          )
+                  }
+                  else{
+                    navigate(`/${item.path}`)
+                  }
+                }
               }
               sx={{
                 gap: theme.spacing(4),

Client/src/assets/icons/changeLog.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 17L22 12L17 7M7 7L2 12L7 17M14 3L10 21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

Client/src/assets/icons/docs.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 11H8M10 15H8M16 7H8M20 6.8V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H15.2C16.8802 2 17.7202 2 18.362 2.32698C18.9265 2.6146 19.3854 3.07354 19.673 3.63803C20 4.27976 20 5.11984 20 6.8Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>