fix build

src/components/customer/CartPeekDrawer.tsx

@@ -47,12 +47,14 @@ export const CartPeekDrawer: React.FC<CartPeekDrawerProps> = ({
       anchor="bottom"
       open={open}
       onClose={onClose}
-      PaperProps={{
-        sx: {
-          borderTopLeftRadius: 20,
-          borderTopRightRadius: 20,
-          maxHeight: '78vh',
-          bgcolor: '#fff',
+      slotProps={{
+        paper: {
+          sx: {
+            borderTopLeftRadius: 20,
+            borderTopRightRadius: 20,
+            maxHeight: '78vh',
+            bgcolor: '#fff',
+          },
         },
       }}
     >

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 (