Enhance preview media controls layout and migrate to bubble menu

[AlexAndBear]

User Story

As a user viewing media files in the preview app, I want the media controls to have a clean, organized layout that works well on all screen sizes and uses consistent design system components.

Description

Enhance the preview media controls by:

• Migrating to the OcBubbleMenu component from the design system for consistent styling
• Organizing controls into logical groups (navigation, image actions, view actions, resource actions)
• Improving mobile layout with proper spacing and wrapping behavior
• Aligning breakpoints across control groups

Acceptance Criteria

• Media controls use OcBubbleMenu component
• Controls are organized into logical groups with dividers
• Mobile layout keeps navigation as full-width row with proper padding
• Secondary controls wrap and center properly on intermediate widths
• All breakpoints are consistent (using sm)
• Unit tests pass

Additional Context

This improves the user experience on mobile devices and ensures consistency with the design system.