perf: card layout in each page

web/src/app/home/bots/botConfig.module.css

@@ -1,12 +1,10 @@
 .botListContainer {
-    align-self: flex-start;
-    justify-self: flex-start;
-    width: calc(100%);
-    margin:  auto;
+    width: 100%;
+    padding-left: 0.8rem;
+    padding-right: 0.8rem;
     display: grid;
-    grid-template-rows: repeat(auto-fill, minmax(10rem, 1fr));
     grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
     gap: 2rem;
-    justify-items: center;
-    align-items: center;
+    justify-items: stretch;
+    align-items: start;
 }

web/src/app/home/bots/components/bot-card/botCard.module.css

@@ -1,5 +1,5 @@
 .cardContainer {
-    width: 24rem;
+    width: 100%;
     height: 10rem;
     background-color: #fff;
     border-radius: 10px;

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

@@ -106,7 +106,7 @@ export default function BotConfigPage() {
       {/* 注意：其余的返回内容需要保持在Spin组件外部 */}
       <div className={`${styles.botListContainer}`}>
         <CreateCardComponent
-          width={'24rem'}
+          width={'100%'}
           height={'10rem'}
           plusSize={'90px'}
           onClick={handleCreateBotClick}