new branch

frontend/src/pages/Tasks/Tasks.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'
 import { Table, Tag, Card, Row, Col, Statistic, Button } from 'antd'
 import { ReloadOutlined, CheckCircleOutlined, CloseCircleOutlined, SyncOutlined } from '@ant-design/icons'
 import { useAuthStore } from '../../stores/auth'
+import AppLayout from '../../components/AppLayout/AppLayout'
 
 interface Task {
   id: number
@@ -107,7 +108,7 @@ function Tasks() {
   const successRate = tasks.length > 0 ? (statusCounts.success / tasks.length) * 100 : 0
 
   return (
-    <div>
+    <AppLayout>
       <Row gutter={[16, 16]} style={{ marginBottom: 16 }}>
         <Col span={6}>
           <Card>
@@ -144,9 +145,9 @@ function Tasks() {
           </Button>
         }
       >
-        <Table columns={columns} dataSource={tasks} rowKey="id" loading={loading} pagination={{ pageSize: 10 }} />
+        <Table columns={columns} dataSource={tasks} rowKey="id" loading={loading} pagination={{ pageSize: 10 }} scroll={{ x: 'max-content' }} tableLayout="fixed" />
       </Card>
-    </div>
+    </AppLayout>
   )
 }