fix: fmt and small

src/ui/BuildDeck/index.module.scss

@@ -24,6 +24,7 @@
 
 .content {
   display: flex;
+  flex: 1;
   padding-bottom: 0;
   padding-right: 1rem;
   .deck {

src/ui/BuildDeck/index.tsx

@@ -7,22 +7,13 @@ import {
   SortAscendingOutlined,
   UndoOutlined,
 } from "@ant-design/icons";
-import {
-  Button,
-  ConfigProvider,
-  Input,
-  Layout,
-  Space,
-  type ThemeConfig,
-} from "antd";
+import { Button, ConfigProvider, Input, Space, type ThemeConfig } from "antd";
 
 import { Background } from "../Shared";
 import { CardDetail } from "./CardDetail";
 import { DeckSelect } from "./DeckSelect";
 import styles from "./index.module.scss";
 
-const { Content, Sider } = Layout;
-
 const theme: ThemeConfig = {
   components: {
     Layout: {
@@ -55,10 +46,10 @@ export const Component: React.FC = () => {
           </div>
           <CardDetail code={123} open={false} onClose={() => {}} />
         </div>
-        <Content className={styles.content}>
+        <div className={styles.content}>
           <Deck />
           <CardSelect />
-        </Content>
+        </div>
       </div>
     </ConfigProvider>
   );

src/ui/NewMatch/index.tsx

+import { EditFilled, SettingFilled } from "@ant-design/icons";
 import { ConfigProvider, Select, Space } from "antd";
 import classNames from "classnames";
 import { type LoaderFunction } from "react-router-dom";
@@ -5,13 +6,9 @@ import { type LoaderFunction } from "react-router-dom";
 import { CookieKeys, setCookie } from "@/api";
 import { accountStore, type User } from "@/stores";
 import { Background, IconFont } from "@/ui/Shared";
-import { useConfig } from "@/config";
-import { SettingFilled, EditFilled } from "@ant-design/icons";
 
 import styles from "./index.module.scss";
 
-const NeosConfig = useConfig();
-
 export const loader: LoaderFunction = () => {
   const sso = new URLSearchParams(location.search).get("sso");
   const user = sso ? getSSOUser(new URLSearchParams(atob(sso))) : undefined;
@@ -96,8 +93,9 @@ const Mode: React.FC<{
   title: string;
   desc: string;
   icon: React.ReactNode;
-}> = ({ title, desc, icon }) => (
-  <div className={styles.mode}>
+  onClick?: () => void;
+}> = ({ title, desc, icon, onClick }) => (
+  <div className={styles.mode} onClick={onClick}>
     <div className={styles.icon}>{icon}</div>
     <div className={styles.title}>{title}</div>
     <div className={styles.desc}>{desc}</div>