refactor: update notification footer styles

[setchy]

handful of small tailwind tweaks

• prevent avatar from being shrunk on overflow
• allow horizontal scrolling on overflow (for notifications with lots of pills. This is a little quirky, so open to suggestions on a better method)
• simplify margins by using gap

[afonsojramos]

Before merging, do you have an example of an overflow? Might be worth looking over

[setchy]

Before merging, do you have an example of an overflow? Might be worth looking over

Screen.Recording.2024-06-04.at.11.09.57.AM.mov

[setchy]

would be nice to use less space for the update type and formatted datetime... but couldn't think of anything clean yet...

[bmulholland]

I don't think I'd ever notice that horizontal scroll myself. Wrapping to new line isn't an option?

Edit: oh, ellipsis does sound reasonable. Affords additional content.

[bmulholland]

Regardless of UX, I believe this code is a strict improvement and is good to go. IMHO.,other changes discussed above could/should be a separate step.

[setchy]

Regardless of UX, I believe this code is a strict improvement and is good to go. IMHO.,other changes discussed above could/should be a separate step.

Thanks @bmulholland. I think this is pragmatic and affords us more time to find alternative solutions without holding up the next release