change(ui): sidemenu changes

frontend/app/layout/Layout.tsx

@@ -47,9 +47,9 @@ function Layout(props: Props) {
           <Sider
             style={{
               position: 'sticky',
-              top: 60, // Height of the Header
+              top: 70, // Height of the Header
               // backgroundColor: '#f6f6f6',
-              height: 'calc(100vh - 60px)', // Adjust the height to accommodate the Header
+              height: 'calc(100vh - 70px)', // Adjust the height to accommodate the Header
               overflow: 'auto' // Enable scrolling for the Sider content if needed
             }}
             collapsed={settingsStore.menuCollapsed}

frontend/app/layout/SideMenu.tsx

@@ -170,12 +170,7 @@ function SideMenu(props: Props) {
             {!category.hidden && (
               <>
                 {index > 0 && <Divider style={{ margin: '6px 0' }} />}
-                <Menu.ItemGroup
-                  key={category.key}
-                  title={category.title}
-                  // title={<div style={{ paddingLeft: isCollapsed ? '' : '6px' }}
-                  //             className={cn({ 'text-center': isCollapsed })}>{category.title}</div>}
-                >
+
                   {category.items.filter((item: any) => !item.hidden).map((item: any) => {
                     const isActive = isMenuItemActive(item.key);
 
@@ -215,7 +210,7 @@ function SideMenu(props: Props) {
                       </Menu.Item>
                     );
                   })}
-                </Menu.ItemGroup>
+
               </>
             )}
           </React.Fragment>