增加方案列表的布局。

src/pages/Schemes.module.css

@@ -0,0 +1,13 @@
+@layer pages {
+  .schemes_workspace {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+  }
+  .scheme_operates {
+    flex: 1 0;
+  }
+}

src/pages/Schemes.tsx

@@ -0,0 +1,14 @@
+import { Outlet } from 'react-router-dom';
+import { SchemeList } from '../page-components/schemes/SchemeList';
+import styles from './Schemes.module.css';
+
+export function Schemes() {
+  return (
+    <div className={styles.schemes_workspace}>
+      <SchemeList />
+      <div className={styles.scheme_operates}>
+        <Outlet />
+      </div>
+    </div>
+  );
+}