Refactor Chat Container and Menu styles for improved layout and code …

…clarity

- Adjusted width of the menu container for better alignment and spacing.
- Updated padding in the menu search area to enhance layout consistency.
- Modified background color of the Chat Container for a more cohesive design.
- Commented out unused styles to streamline the codebase and improve maintainability.

These changes contribute to a more visually appealing and organized Chat interface.

packages/xgen/layouts/wrappers/Chat/Container/menu.less

@@ -1,8 +1,8 @@
 .menu_container {
-	width: 240px;
+	width: 220px;
 	height: 100%;
 
-	// border-right: 1px solid var(--color_border_soft);
+	border-right: 1px solid var(--color_border_soft);
 	// background: rgba(255, 255, 255, 0.3);
 	// backdrop-filter: blur(10px);
 	// -webkit-backdrop-filter: blur(10px);
@@ -91,10 +91,10 @@
 
 .menu_search {
 	height: 60px;
-	padding: 16px;
-	padding-top: 24px;
-	padding-bottom: 8px;
-	// border-bottom: 1px solid var(--color_border_soft);
+	padding: 24px 16px;
+	// padding-top: 24px;
+	// padding-bottom: 8px;
+	border-bottom: 1px solid var(--color_border_soft);
 	display: flex;
 	align-items: center;
 

packages/xgen/layouts/wrappers/Chat/Container/style.less

@@ -19,9 +19,9 @@
 	padding: 0;
 	min-width: 0;
 	position: relative;
-	background-color: var(--color_bg_menu);
-	border-radius: 16px;
-	margin: 16px;
+	background-color: var(--color_bg);
+	// border-radius: 16px;
+	// margin: 16px;
 }
 
 .content_wrapper {