fix(tables): contain reference preview within table

Author: j15z

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/reference-row-preview.test.tsx

@@ -107,6 +107,9 @@ describe('ReferenceRowPreview', () => {
     expect(container.textContent).toContain('Acme')
     expect(container.textContent).toContain('Enterprise')
     expect(container.textContent).not.toContain('Open in sub view')
+    const previewCell = container.querySelector('tbody > tr > td')
+    expect(previewCell?.className).toContain('overflow-clip')
+    expect(previewCell?.className).toContain('border-r')
     expect(container.querySelector('td > div')?.className).toContain('sticky left-0')
     expect(container.querySelector('td > div')?.className).toContain('w-0')
     expect(container.querySelector('td > div')?.className).toContain(

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/reference-row-preview.tsx

@@ -120,7 +120,10 @@ export const ReferenceRowPreview = memo(function ReferenceRowPreview({
 
   return (
     <tr>
-      <td colSpan={colSpan} className='border-[var(--border)] border-b bg-[var(--surface-2)] p-0'>
+      <td
+        colSpan={colSpan}
+        className='overflow-clip border-[var(--border)] border-r border-b bg-[var(--surface-2)] p-0'
+      >
         <div className='sticky left-0 h-[184px] w-0'>
           <div className='flex h-full w-[100cqw] min-w-0 flex-col bg-[var(--surface-2)]'>
             <div className='flex h-9 shrink-0 items-center gap-1.5 px-3 text-[var(--text-primary)] text-small'>