Refactor and enhance UI components across the application

- Improved formatting and consistency in BotConfigPage, HomeSidebar, and Plugin components.
- Removed unnecessary Spin component to prevent layout collapse in BotConfigPage.
- Enhanced sidebar selection logic to reflect current URL path in HomeSidebar.
- Updated layout styles for better responsiveness and visual appeal.
- Implemented mock data fetching in PluginMarketComponent for improved testing and development.
- Added pagination and search functionality in PluginMarketComponent.
- Refactored PluginInstalledComponent to streamline plugin list rendering and modal handling.
- Adjusted CSS styles for better alignment and spacing in various components.
- Removed commented-out code in HttpClient for cleaner codebase.
- Enhanced NotFound component layout for better user experience.

web/src/app/home/plugins/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 import { Radio } from 'antd';
-import {useState} from "react";
+import { useState } from "react";
 import PluginInstalledComponent from "@/app/home/plugins/plugin-installed/PluginInstalledComponent";
 import PluginMarketComponent from "@/app/home/plugins/plugin-market/PluginMarketComponent";
 import styles from './plugins.module.css'
@@ -14,33 +14,24 @@ export default function PluginConfigPage() {
     const [nowPageType, setNowPageType] = useState(PageType.INSTALLED)
 
     return (
-        <div className={`${styles.pageContainer}`}>
-            <div>
-                <Radio.Group
-                    block
-                    options={[
-                        { label: '已安装', value: PageType.INSTALLED },
-                        { label: '插件市场', value: PageType.MARKET },
-                    ]}
-                    defaultValue={PageType.INSTALLED}
-                    value={nowPageType}
-                    optionType="button"
-                    buttonStyle="solid"
-                    onChange={(e) => {
-                        // 这里静态类型检测有问题
-                        setNowPageType(e.target.value)
-                    }}
-                />
-            </div>
-            <div className={`${styles.pageContainer}`}>
-                {
-                    nowPageType === PageType.INSTALLED && <PluginInstalledComponent/>
-                }
-                {
-                    nowPageType === PageType.MARKET && <PluginMarketComponent/>
-                }
-            </div>
+        <div className={styles.pageContainer}>
+            <Radio.Group
+                block
+                options={[
+                    { label: '已安装', value: PageType.INSTALLED },
+                    { label: '插件市场', value: PageType.MARKET },
+                ]}
+                defaultValue={PageType.INSTALLED}
+                value={nowPageType}
+                optionType="button"
+                buttonStyle="solid"
+                style={{ marginBottom: '20px' }}
+                onChange={(e) => {
+                    setNowPageType(e.target.value as PageType)
+                }}
+            />
 
+            {nowPageType === PageType.INSTALLED ? <PluginInstalledComponent /> : <PluginMarketComponent />}
         </div>
     );
 }