Fix mobile dashboard UX (tables, popovers, overview)

[unjica]

Summary

• Fix date columns wrapping word-by-word in Members, Events, and Sessions tables via whitespace-nowrap on TimeAgo and tableDateColumnClass; hide low-priority columns on narrow viewports
• Fix Overview greeting truncation by stacking greeting and name on two lines with smaller xs typography
• Fix notifications and filter popovers clipping on mobile by capping width to calc(100vw - 2rem) and increasing Floating UI collision padding in DashboardPopover
• Fix cramped open-issues severity badge and squashed overview bar charts with a full-width mobile pill row and compact list layout below sm
• Fix issue detail title truncation with break-all, smaller xs text, and line-clamp-4 on mobile

Per-issue notes

Issue	Fix
Members table JOINED wrap	TimeAgo nowrap + date column class; hide Name on xs
Overview greeting	Stack lines, text-xl on xs (no truncate)
Notifications panel clip	Portaled popover max-width + w-[calc(100vw-2rem)]
Filter dropdowns clip	Global popover max-width + TimeRangePicker width cap
Open issues badge	Full-width pill below title on mobile
Top errors/events charts	Compact list layout on viewports <640px
Issue detail title	break-all, line-clamp-4, text-xl on xs

Test plan

• pnpm lint && pnpm test && pnpm build
• Manual ~290px: team Members JOINED column stays on one line
• Manual ~290px: Overview greeting shows full text on two lines
• Manual ~290px: notifications popover fully visible
• Manual ~290px: time range picker not clipped
• Manual ~290px: open issues P1/P3 badge spans full width
• Manual ~290px: top errors/events show label-above-bar list
• Manual ~290px: long issue titles wrap with break-all (up to 4 lines)

Made with Cursor

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 440c252. Configure here.}

[cursor]

Desktop overview shows mobile bars

Medium Severity

useCompactBarLayout always starts with compact true and only reads matchMedia in useEffect, which runs after the browser paints. On viewports ≥640px the overview “Top errors/events” sections first render MobileBarList, then swap to the Recharts bar chart, causing a visible flash and layout shift on every load.

 

^{Reviewed by Cursor Bugbot for commit 440c252. Configure here.}