Implemented the sidebar component and added it to the home layout screen.

Client/src/Components/DashboardMenu/index.css

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

Client/src/Components/DashboardSidebar/index.css

@@ -0,0 +1,13 @@
+.dashboard-sidebar {
+    height: 100vh;
+    width: 250px; 
+    background-color: #f4f4f4; 
+    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); 
+    position: fixed; 
+    top: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    padding-top: 60px; 
+  }
+  

Client/src/Components/DashboardSidebar/index.jsx

@@ -0,0 +1,19 @@
+import DashboardMenu from '../../Components/DashboardMenu';
+import './index.css';
+
+/**
+ * @component
+ * DashboardSidebar component serves as a sidebar containing the DashboardMenu.
+ * 
+ * @returns {JSX.Element} The JSX element representing the DashboardSidebar component.
+ */
+
+function DashboardSidebar() {
+  return (
+    <div className="dashboard-sidebar">
+      <DashboardMenu />
+    </div>
+  );
+}
+
+export default DashboardSidebar;