Fix: Bug Fixes - Added disabled logic RAPTOR scope #10703 (#11207)

### What problem does this PR solve?

Fix: Bug Fixes #10703

- Fixed the menu order in the user center
- Added a disabled RAPTOR scope
- Fixed some style issues

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/admin/login.tsx

@@ -126,7 +126,7 @@ function AdminLogin() {
           color="rgb(128, 255, 248)"
         />
 
-        <BgSvg />
+        <BgSvg isPaused={true} />
 
         <div className="absolute top-3 left-0 w-full">
           <div className="absolute mt-12 ml-12 flex items-center">

web/src/pages/user-setting/sidebar/index.tsx

@@ -17,9 +17,11 @@ import { useEffect } from 'react';
 import { useHandleMenuClick } from './hooks';
 
 const menuItems = [
-  { icon: User, label: t('setting.profile'), key: Routes.Profile },
-  { icon: Users, label: t('setting.team'), key: Routes.Team },
+  { icon: Server, label: t('setting.dataSources'), key: Routes.DataSource },
   { icon: Box, label: t('setting.model'), key: Routes.Model },
+  { icon: Banknote, label: 'MCP', key: Routes.Mcp },
+  { icon: Users, label: t('setting.team'), key: Routes.Team },
+  { icon: User, label: t('setting.profile'), key: Routes.Profile },
   { icon: Unplug, label: t('setting.api'), key: Routes.Api },
   // {
   //   icon: MessageSquareQuote,
@@ -27,10 +29,8 @@ const menuItems = [
   //   key: Routes.Profile,
   // },
   // { icon: TextSearch, label: 'Retrieval Templates', key: Routes.Profile },
-  { icon: Server, label: t('setting.dataSources'), key: Routes.DataSource },
   // { icon: Cog, label: t('setting.system'), key: Routes.System },
   // { icon: Banknote, label: 'Plan', key: Routes.Plan },
-  { icon: Banknote, label: 'MCP', key: Routes.Mcp },
 ];
 
 export function SideBar() {