fix: replace Material-UI chat icon with custom SVG for consistent stroke width

- Created custom discussions.svg icon with 1.5px stroke width
- Replaced ChatBubbleOutlineRoundedIcon with custom icon
- Ensures consistent styling with other sidebar icons

Fixes #1810

src/Components/Sidebar/index.jsx

@@ -38,7 +38,7 @@ import ChangeLog from "../../assets/icons/changeLog.svg?react";
 import Docs from "../../assets/icons/docs.svg?react";
 import Folder from "../../assets/icons/folder.svg?react";
 import StatusPages from "../../assets/icons/status-pages.svg?react";
-import ChatBubbleOutlineRoundedIcon from "@mui/icons-material/ChatBubbleOutlineRounded";
+import Discussions from "../../assets/icons/discussions.svg?react";
 import DistributedUptimeIcon from "../../assets/icons/distributed-uptime.svg?react";
 import "./index.css";
 
@@ -86,7 +86,7 @@ const menu = [
 			{
 				name: "Discussions",
 				path: "discussions",
-				icon: <ChatBubbleOutlineRoundedIcon />,
+				icon: <Discussions />,
 			},
 			{ name: "Docs", path: "docs", icon: <Docs /> },
 			{ name: "Changelog", path: "changelog", icon: <ChangeLog /> },

src/assets/icons/discussions.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 13.9021 3.5901 15.6665 4.59721 17.1199C4.70168 17.2707 4.7226 17.4653 4.64529 17.6317L3.42556 20.2519C3.23082 20.6399 3.57262 21.0754 3.97992 20.9193L7.0988 19.7595C7.25727 19.7007 7.44031 19.7151 7.58838 19.7985C8.9427 20.5534 10.4987 21 12 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7 8.5H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7 12.5H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7 16.5H11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>