💄 Pin actions column on user table

[JMicheli]

This pull request addresses an issue reported in #372. Although that issue has been closed with the addition of a scroll bar to the table, this pull request additionally pins the actions column on the user table to the right so that it will always be visible regardless of where the table has been scrolled to.

[aaronleopold]

I added basic support for pinned columns using the Table component, but it wasn't a finished implementation (see this TODO comment). The TLDR; is that there is no background on the action cell, which doesn't provide enough contrast if we were at a viewport which places the action above another cell.

See example

Screen.Recording.2024-08-12.at.7.12.48.AM.mov

I think this can be merged as-is, but wanted to put that context up there in case you were interested in working on the Table component further

[JMicheli]

I'm interested in making sure this is done right - I saw the TODO but I didn't really understand the steps it was suggesting needed to be taken.

Could you describe, at a high level, what you're thinking needs to be done to Table here?

[aaronleopold]

Could you describe, at a high level, what you're thinking needs to be done to Table here?

I think for the short term, a few smaller changes in a few places of the table component could work without rewriting the whole thing to be modular (which that comment alludes to):

• I think there is currently padding on both the table and the cell:
  • Remove padding on table, this will cause issues where elements are visible behind the cell
  • Place padding on cells (including header cells) instead: first:pl-3 if not pinned left and last:pr-3 if not pinned right
• The background needs to be set for pinned columns, but the table is currently unaware of what that should be. For example, the background would be bg-background but in the cards it is bg-background-200. So it needs a way to pass the class. I think the short term could just be adding a tableCellClassName prop and manually passing last:bg-background-200 in this instance

Offhand that's all I can think of

[aaronleopold]

I added changes relating to this here: cc2b67e. I'm going to close this out in favor of the linked PR