fix(ui): unify tile hit-area with visible label; rem-based min-size f…

[Vikas-k-c]

Fix: Tiles unresponsive and misaligned when iOS Text Size is increased (Issue #2064)

Summary

This patch fixes a problem where tile buttons could appear visually aligned but their tappable/hit area was misaligned (or too small) on iOS when system Text Size / Dynamic Type was increased. The root cause was separate/absolutely-positioned label or non-scaling hit targets. This change consolidates the visible icon + label into a single semantic and uses rem-based min dimensions so the hit target scales with text size.

What I changed

• Replaced the tile markup so icon + label live inside a semantic <button> (src/components/Board/Tile/Tile.jsx).
• Added accessible, rem-based sizing and layout rules in src/components/Board/Tile/Tile.css:
  • display: inline-flex; to unify label and icon
  • min-width and min-height using rem (~2.75rem ≈ 44px) to meet touch target guidelines
  • pointer-events: none on decorative children to ensure the button receives taps
  • touch-action: manipulation for better tap responsiveness
• Preserved existing activation API (onActivate) and added a simple long-press fallback.

Files changed

• src/components/Board/Tile/Tile.component.jsx (new/modified)
• src/components/Board/Tile/Tile.css (new/modified)

Testing

1. npm run dev and load app on http://localhost:3000.
2. On iPhone Simulator or physical device: Settings → Accessibility → Display & Text Size → set Larger Text.
3. Open the board page and tap tile centers — taps should register reliably.
4. Verify keyboard activation (tab + Enter/Space) and screen reader label (aria-label).
5. Sanity check on desktop browsers for no regressions.

Notes

• This is a conservative UI/markup change with no functional logic changes.
• If the app uses wrapper transforms for animations, consider wrapping interactive elements in an untransformed container to avoid platform hitbox quirks.
• Follow-up: if maintainers prefer different styling or file locations, happy to adjust.

Fixes #2064