fix: comprehensive UI fix — all table columns have explicit widths, no ellipsis on data, consistent scroll.x

apps/admin/src/pages/Occupancies/index.tsx

@@ -174,13 +174,14 @@ const OccupanciesPage: React.FC = () => {
   };
 
   const columns = [
-    { title: '学生', render: (_: any, r: any) => r.student?.name || '-' },
-    { title: '宿舍', render: (_: any, r: any) => r.room?.roomNumber || '-' },
-    { title: '入住日期', dataIndex: 'checkInDate' },
-    { title: '计费起始', dataIndex: 'billingStartDate' },
+    { title: '学生', width: 120, render: (_: any, r: any) => r.student?.name || '-' },
+    { title: '宿舍', width: 120, render: (_: any, r: any) => r.room?.roomNumber || '-' },
+    { title: '入住日期', dataIndex: 'checkInDate', width: 110 },
+    { title: '计费起始', dataIndex: 'billingStartDate', width: 110 },
     {
       title: '退宿日期',
       dataIndex: 'checkOutDate',
+      width: 110,
       render: (v: any) => v || <Tag color="green">在住</Tag>,
     },
     { title: '计费截止', dataIndex: 'billingEndDate', render: (v: any) => v || '-' },