Pointer-type-aware panel header text

[jzgom067]

This PR makes some minor changes to the results panel header text, making it more device-aware.

Panel Text Updates

The text is now aware of the type of device used:

• "Hover grid for availability"
  • For devices with a mouse, remains the same
  • For touch devices, it is now "Tap grid for availability"
• "Select to remove" (when removing attendees)
  • For devices with a mouse, it is now "Click to remove"
  • For touch devices, it is now "Tap to remove"

New usePointerType Hook

The pointer type was checked in the InfoPoint to determine whether the tooltip would show, versus a drawer on tap. This logic was moved to a separate hook so it can be reused.

[coderabbitai]

Walkthrough

Added a shared usePointerType hook that detects coarse or fine pointers and responds to media query changes. InfoPoint now uses it to control drawer opening on clicks, while PanelHeader uses it to display pointer-specific attendee interaction guidance.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Actionable comments posted: 2

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: f84214a5-2d2c-44e6-8c41-786babd071af

📥 Commits

Reviewing files that changed from the base of the PR and between 15c49ad and dc16119.

📒 Files selected for processing (3)

• frontend/src/components/info-point.tsx
• frontend/src/features/event/results/attendees/panel-header.tsx
• frontend/src/lib/hooks/use-pointer-type.ts