fix build

src/components/customer/CartPeekDrawer.tsx

@@ -47,13 +47,15 @@ export const CartPeekDrawer: React.FC<CartPeekDrawerProps> = ({
       anchor="bottom"
       open={open}
       onClose={onClose}
-      PaperProps={{
+      slotProps={{
+        paper: {
           sx: {
             borderTopLeftRadius: 20,
             borderTopRightRadius: 20,
             maxHeight: '78vh',
             bgcolor: '#fff',
           },
+        },
       }}
     >
       <Box sx={{ px: 2, pt: 1.5, pb: 2, display: 'flex', flexDirection: 'column', maxHeight: '78vh' }}>

src/components/customer/TableLandingView.tsx

@@ -443,7 +443,7 @@ export const TableLandingView: React.FC<TableLandingViewProps> = ({
                 <ListItemText
                   primary={`Table ${table.table_number}`}
                   secondary={`Seats ${table.capacity} · ${table.status}`}
-                  primaryTypographyProps={{ fontWeight: 800 }}
+                  slotProps={{ primary: { sx: { fontWeight: 800 } } }}
                 />
               </ListItemButton>
             ))}

src/components/kds/KDSKanban.tsx

@@ -138,7 +138,7 @@ export const KDSKanban: React.FC<KDSKanbanProps> = ({
       </Paper>
 
       {/* 4 Column Kanban Board Grid */}
-      <Grid container spacing={1.5} alignItems="stretch">
+      <Grid container spacing={1.5} sx={{ alignItems: 'stretch' }}>
         {columns.map((col) => {
           const colOrders = filteredOrders.filter((o) => o.status === col.status);
           return (