Implemented the Dashboard Menu.

Client/src/Components/DashboardMenu/index.css

@@ -0,0 +1,15 @@
+.icon-container {
+    display: flex;
+    align-items: center; 
+    margin-bottom: 12px; 
+  }
+  
+  .text-container {
+    display: flex;
+    align-items: center;
+  }
+  
+  .dashboard-menu-text {
+    margin-left: 8px;
+  }
+  

Client/src/Components/DashboardMenu/index.jsx

@@ -0,0 +1,57 @@
+import language from '@mui/icons-material/language';
+import report_gmailerrorred from '@mui/icons-material/reportGmailerrorred';
+import sensors from '@mui/icons-material/sensors';
+import settings from '@mui/icons-material/settings';
+import all_inclusive from '@mui/icons-material/AllInclusive';
+import SvgIcon from '@mui/material/SvgIcon';
+import './index.css'; 
+
+/**
+ * DashboardMenu component displays a menu with icons and corresponding text.
+ * Each menu item consists of an icon and a text label.
+ * 
+ * @returns {JSX.Element} The JSX element representing the DashboardMenu component.
+ */
+
+function DashboardMenu() {
+  return (
+    <div className="dashboard-menu-container"> 
+      <div className="icon-container">
+        <SvgIcon component={language} />
+        <div className="text-container">
+          <span className="dashboard-menu-text">Monitors</span>
+        </div>
+      </div>
+
+      <div className="icon-container">
+        <SvgIcon component={report_gmailerrorred} />
+        <div className="text-container">
+          <span className="dashboard-menu-text">Incidents</span>
+        </div>
+      </div>
+
+      <div className="icon-container">
+        <SvgIcon component={sensors} />
+        <div className="text-container">
+          <span className="dashboard-menu-text">Status Pages</span>
+        </div>
+      </div>
+
+      <div className="icon-container">
+        <SvgIcon component={all_inclusive} />
+        <div className="text-container">
+          <span className="dashboard-menu-text">Integrations</span>
+        </div>
+      </div>
+
+      <div className="icon-container">
+        <SvgIcon component={settings} />
+        <div className="text-container">
+          <span className="dashboard-menu-text">Settings</span>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default DashboardMenu;

Client/src/Pages/Home/index.jsx

@@ -1,6 +1,7 @@
 import DropdownTeamMember from "../../Components/DropdownTeamMember";
 import Search from "../../Components/Search";
 import "./index.css";
+import DashboardMenu from "../../Components/DashboardMenu";
 
 const Home = () => {
   return (
@@ -8,6 +9,7 @@ const Home = () => {
       <div>Home</div>
       <DropdownTeamMember />
       <Search />
+      <DashboardMenu />
     </>
   );
 };