Added the support icon at the bottom of the sidebar.

Client/src/Components/DashboardSidebar/index.css

@@ -1,13 +1,31 @@
 .dashboard-sidebar {
     height: 100vh;
     width: 250px; 
-    background-color: #f4f4f4; 
+    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; 
+    justify-content: space-between; 
+    padding: 20px 0; 
+  }
+  
+  .menu-container {
+    margin-top: 60px; 
+  }
+  
+  .support-container {
+    display: flex;
+    align-items: center;
+    padding: 10px 20px;
+    margin-bottom: 40px; 
+  }
+  
+  .support-text {
+    margin-left: 8px;
+    font-size: 16px; 
+    color: #333; 
   }
   

Client/src/Components/DashboardSidebar/index.jsx

@@ -1,9 +1,11 @@
 import DashboardMenu from '../../Components/DashboardMenu';
+import SupportIcon from '@mui/icons-material/Support'; 
+import SvgIcon from '@mui/material/SvgIcon';
 import './index.css';
 
 /**
  * @component
- * DashboardSidebar component serves as a sidebar containing the DashboardMenu.
+ * DashboardSidebar component serves as a sidebar containing the DashboardMenu and a Support icon at the bottom.
  * 
  * @returns {JSX.Element} The JSX element representing the DashboardSidebar component.
  */
@@ -11,7 +13,13 @@ import './index.css';
 function DashboardSidebar() {
   return (
     <div className="dashboard-sidebar">
-      <DashboardMenu />
+      <div className="menu-container">
+        <DashboardMenu />
+      </div>
+      <div className="support-container">
+        <SvgIcon component={SupportIcon} />
+        <span className="support-text">Support</span>
+      </div>
     </div>
   );
 }