refactor: change custom panel position "navbar-group" render position

client/web/src/routes/Main/Navbar/GroupNav.tsx

@@ -13,6 +13,8 @@ import {
 import { NavbarNavItem } from './NavItem';
 import { Dropdown } from 'antd';
 import { useGroupUnreadState } from '@/hooks/useGroupUnreadState';
+import { pluginCustomPanel } from '@/plugin/common';
+import { NavbarCustomNavItem } from './CustomNavItem';
 
 /**
  * 群组导航栏栏项
@@ -99,6 +101,12 @@ export const GroupNav: React.FC = React.memo(() => {
           <Icon className="text-3xl text-white" icon="mdi:plus" />
         </NavbarNavItem>
       )}
+
+      {pluginCustomPanel
+        .filter((p) => p.position === 'navbar-group')
+        .map((p) => (
+          <NavbarCustomNavItem key={p.name} panelInfo={p} withBg={true} />
+        ))}
     </div>
   );
 });

client/web/src/routes/Main/Navbar/index.tsx

@@ -43,17 +43,11 @@ export const Navbar: React.FC = React.memo(() => {
         <div className="overflow-y-hidden hover:overflow-y-smart scroll overflow-x-hidden thin-scrollbar">
           <GroupNav />
         </div>
-
-        {pluginCustomPanel
-          .filter((p) => p.position === 'navbar-group')
-          .map((p) => (
-            <NavbarCustomNavItem key={p.name} panelInfo={p} withBg={true} />
-          ))}
       </div>
 
       <div
         data-tc-role="navbar-settings"
-        className="flex flex-col items-center space-y-2"
+        className="flex flex-col items-center space-y-2 pt-3"
       >
         {pluginCustomPanel
           .filter((p) => p.position === 'navbar-more')