fix(tables): extend reference preview dividers

Author: j15z

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

@@ -112,6 +112,8 @@ describe('ReferenceRowPreview', () => {
     expect(container.querySelector('td > div')?.className).toContain(
       `h-[${REFERENCE_ROW_PREVIEW_HEIGHT}px]`
     )
+    expect(container.querySelector('td > div > div')?.className).toContain('border-t')
+    expect(container.querySelector('td > div > div')?.className).toContain('border-b')
     const subtable = container.querySelector('td table')
     expect(subtable?.className).toContain('w-[100cqw]')
     expect(subtable?.className).toContain('border-t')

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

@@ -122,7 +122,7 @@ export const ReferenceRowPreview = memo(function ReferenceRowPreview({
     <tr>
       <td colSpan={colSpan} className='border-[var(--border)] 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-full w-[100cqw] min-w-0 flex-col border-[var(--border)] border-t border-b bg-[var(--surface-2)]'>
             <div className='flex h-9 shrink-0 items-center gap-1.5 px-3 text-[var(--text-primary)] text-small'>
               <ReferenceIcon className='size-[14px] text-[var(--text-icon)]' />
               <span className='font-medium'>{table?.name ?? 'Referenced table'}</span>