Fix: Fixed the issue where the model configuration page could not be scrolled #9572 (#9579)

### What problem does this PR solve?

Fix: Fixed the issue where the model configuration page could not be
scrolled #9572

### Type of change

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

web/src/pages/user-setting/index.less

@@ -2,7 +2,6 @@
   width: 100%;
 
   .outletWrapper {
-    padding: 32px 32px 0;
     height: 100%;
     overflow-y: auto;
   }

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

@@ -1,4 +1,3 @@
-import { Flex } from 'antd';
 import { Outlet } from 'umi';
 import SideBar from './sidebar';
 
@@ -22,7 +21,7 @@ const UserSetting = () => {
   const { navigateToHome } = useNavigatePage();
 
   return (
-    <section>
+    <section className="flex flex-col h-full">
       <PageHeader>
         <Breadcrumb>
           <BreadcrumbList>
@@ -38,12 +37,14 @@ const UserSetting = () => {
           </BreadcrumbList>
         </Breadcrumb>
       </PageHeader>
-      <Flex className={cn(styles.settingWrapper, '-translate-y-6')}>
+      <div
+        className={cn(styles.settingWrapper, 'overflow-auto flex flex-1 pt-4')}
+      >
         <SideBar></SideBar>
-        <Flex flex={1} className={styles.outletWrapper}>
+        <div className={cn(styles.outletWrapper, 'flex flex-1 px-8')}>
           <Outlet></Outlet>
-        </Flex>
-      </Flex>
+        </div>
+      </div>
     </section>
   );
 };

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

@@ -1,5 +1,4 @@
 .sideBarWrapper {
-  padding-top: 32px;
   .version {
     color: rgb(17, 206, 17);
   }