Fix table layout and make action column sticky

Adjust layout and table behavior to prevent overflow and keep the action menu visible. In App.tsx added min-w-0 to the main container and overflow-hidden to the content wrapper so flex children can shrink and avoid layout breaks. In ObjectDataTable.tsx changed overflow-auto to overflow-x-auto, added whitespace-nowrap to table headers to prevent label wrapping, and made the actions column sticky (right-0) with a matching bg-background so the dropdown stays visible during horizontal scrolling. Also updated the actions column width class.

Author: hotlong

apps/console/src/App.tsx

@@ -171,9 +171,9 @@ export default function App() {
         selectedApp={selectedApp}
         onSelectApp={handleSelectApp}
       />
-      <main className="flex flex-1 flex-col bg-background">
+      <main className="flex min-w-0 flex-1 flex-col bg-background">
         <SiteHeader selectedObject={selectedObject} appLabel={selectedApp?.label} />
-        <div className="flex flex-1 flex-col">
+        <div className="flex flex-1 flex-col overflow-hidden">
           {selectedObject ? (
             <div className="flex flex-1 flex-col gap-4 p-4">
               {client && (

apps/console/src/components/ObjectDataTable.tsx

@@ -261,12 +261,12 @@ export function ObjectDataTable({ client, objectApiName, onEdit }: ObjectDataTab
             </CardHeader>
 
             <CardContent className="p-0">
-                <div className="overflow-auto">
+                <div className="overflow-x-auto">
                     <Table>
                         <TableHeader>
                             <TableRow className="hover:bg-transparent">
                                 {columns.map(col => (
-                                    <TableHead key={col.name} className="font-medium">
+                                    <TableHead key={col.name} className="font-medium whitespace-nowrap">
                                         <div className="flex items-center gap-1.5">
                                             {col.label}
                                             <Badge variant="outline" className="text-[10px] px-1 py-0 font-normal opacity-50 hidden lg:inline-flex">
@@ -275,7 +275,7 @@ export function ObjectDataTable({ client, objectApiName, onEdit }: ObjectDataTab
                                         </div>
                                     </TableHead>
                                 ))}
-                                <TableHead className="w-[60px]"></TableHead>
+                                <TableHead className="w-15 sticky right-0 bg-background"></TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -288,7 +288,7 @@ export function ObjectDataTable({ client, objectApiName, onEdit }: ObjectDataTab
                                             <CellValue value={record[col.name]} type={col.type} />
                                         </TableCell>
                                     ))}
-                                    <TableCell className="py-2.5">
+                                    <TableCell className="py-2.5 sticky right-0 bg-background">
                                         <DropdownMenu>
                                             <DropdownMenuTrigger asChild>
                                                 <Button