@copilot the hover icon should only show when pointerOnHover is false, ie you're on a non-clickable cover art

@copilot the hover icon should only show when pointerOnHover is false, ie you're on a non-clickable cover art

Done in 89c482c — the zoom button now only renders when !pointerOnHover, so it won't appear on gallery cards that navigate on click.

Greptile Summary

This PR adds a "click to zoom" feature to the common game card component (Base.vue). When hovering over a non-clickable game card (pointerOnHover is false), a magnify icon appears in the top-right corner of the cover image. Clicking it opens an RDialog showing the full-size cover. The @click.stop modifier prevents card navigation from also firing.

Key changes:

• Imports RDialog and adds a showCoverZoom reactive ref in Base.vue
• Adds a v-fade-transition-wrapped v-btn (magnify icon) conditionally shown on hover when the card is not navigable
• Places the r-dialog as a sibling to the v-hover block, rendering the large cover image with a loading placeholder
• Adds .cover-zoom-btn CSS class for absolute positioning (top-right, z-index 1)

Two issues were flagged:

• The zoom button only stops click propagation but not touchstart/touchend, which may cause card-level touch handlers to fire unintentionally on mobile when tapping the zoom button
• rom.name can be null for unidentified ROMs, resulting in a blank dialog title; a fallback similar to the rest of the card (e.g. fs_name_no_tags) should be used

Confidence Score: 4/5

• This PR is safe to merge with minor issues — the feature is well-scoped and follows existing patterns, with two small fixes recommended before shipping to mobile users.
• The implementation is clean, follows existing component conventions, and correctly uses @click.stop to prevent accidental navigation. The two issues found (touch event propagation on mobile and a potentially empty dialog title for unidentified ROMs) are low-severity and do not break desktop functionality.
• frontend/src/components/common/Game/Card/Base.vue — review the zoom button's touch event handling and the dialog header fallback for null rom.name

Important Files Changed

Sequence Diagram

sequenceDiagram
    actor User
    participant Card as Base.vue (v-img)
    participant ZoomBtn as Zoom Button (v-btn)
    participant Dialog as RDialog (showCoverZoom)

    User->>Card: Hover over card
    activate Card
    Card-->>ZoomBtn: isOuterHovering && !pointerOnHover → show button
    deactivate Card

    User->>ZoomBtn: Click zoom button
    ZoomBtn->>ZoomBtn: @click.stop (prevents card click)
    ZoomBtn->>Dialog: showCoverZoom = true

    activate Dialog
    Dialog-->>User: Display full-size cover image
    User->>Dialog: Click outside / press ESC
    Dialog->>Dialog: closeDialog() → showCoverZoom = false
    deactivate Dialog

_{Last reviewed commit: 89c482c}