feat: Update play view swipe to match queue control bar style

[marcodejongh]

Replace circular swipe indicators with blue square action backgrounds
that slide in from the edges, matching the existing queue control bar
swipe experience. Uses FastForwardOutlined/FastBackwardOutlined icons
and the primary theme color for the action backgrounds.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
boardsesh	Ready	Preview, Comment	Dec 30, 2025 8:34pm

[claude]

Claude Review

Issues found:

1. Inline styles violate project guidelines (play-view-client.tsx:188-227) - CLAUDE.md says "Try to avoid use of the style property." The swipe action backgrounds use extensive inline styles that should be moved to CSS classes.

2. Hardcoded color value (play-view-client.tsx:204, 228) - color: 'white' should use a design token from theme-config.ts per project guidelines.

3. Potential UX regression - Removing delta: 10 from swipeHandlers means swipes now trigger immediately without any dead zone, which could cause accidental navigation on slight touches.

[claude]

Claude Review

Issues

1. SSR Hydration Risk (play-view-client.tsx:46-58): Direct localStorage access in useEffect can cause hydration mismatches between server and client. Consider wrapping in a check or using a library like useSyncExternalStore.

2. Excessive inline styles (play-view-client.tsx:203-217, 225-240, 251-255): Per CLAUDE.md guidelines, the style property should be avoided. These repeated inline styles should be moved to CSS module classes.

3. Missing error handling for localStorage (play-view-client.tsx:47, 64): localStorage can throw in private browsing mode or when storage quota is exceeded. Wrap in try-catch.