Have a consistent styling for tables

⚠️ Blocked by: https://github.com/OpenFn/lightning/issues/1588

One key thing is we don't want texts inside the tables to wrap to next lines, instead, they should get truncated and some tooltip shown on hover.

• is there a universal way we can apply this to all tables?
• can we avoid the max-w-* classes? Can we use colspan instead?
• we should try to avoid using the phx-hook="Tooltip", because then it means we have to some up with ids.

The priority is to have a universal style, but be careful with "universal" because the last time we did that, we broke styling of modals inside tds.

Below is an inventory of tables that need to updated:

1. OAuth Clients and Credentials

   • Names. Names should generally not wrap to the next line
   • Authorization URL . Is there any harm in truncating this? Or maybe we should have a horizontal scrollbar
   • Projects with access. What happens when you have multiple projects?
   • Credential Type. When there is an OAuth Client involved, we might need extra space. But this is probably a none issue if we fix the names and projects with access
   • Production. Should we have a switch instead? It looks off when it's empty.
   

2. Super user tables
   These tables just need some more love. Why are we displaying project description in the tables?