fix(3000): last updated at overflowing on mobile dashboards

[RhysSullivan]

Problem

The "last updated at..." for dashboards on mobile overflows causing the screen to be able to be dragged horizontally

Changes

Old:

New:

useResizeObserver.ts:

• Updates the generic to be <T extends string> - this is unrelated to this PR but it gives it the correct typing now
• Unrelated to this PR so I can remove it but I found it while developing and figured I'd fix it

Old:

New:

Dashboard.scsss

• Created to allow for using breakpoints to change the flex direction depending on screen size

Dashboard.tsx

• space-x-4 was removed in the conversion to .scss styling as it wasn't actually applying any styling
• moves the tailwind styling to .scss

👉 Stay up-to-date with PostHog coding conventions for a smoother review.

How did you test this code?

Manually checked in the local development environment

[Twixes]

Thanks for the contribution @RhysSullivan! Just one request from me is that we keep using utility classes here

[posthog-bot]

This PR hasn't seen activity in a week! Should it be merged, closed, or further worked on? If you want to keep it open, post a comment or remove the stale label – otherwise this will be closed in another week.

[Twixes]

Oh, totally missed this last week, sorry about the delay.
Looks good, let's get this in!