Sidebar, sharing and spaces issues on mobile viewports #3545

Initial Checklist

• I understand this is a bug report and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

Bug Description

Mobile problems in the right sidebar, sharing and spaces. Part of the mobile test in #3542.

S1. Space header: name breaks mid-word

Fixed by #3549
Steps: Spaces → open a space with a long name
Problem: The title breaks at arbitrary letters ("mobiletest-spac / e-Pixel7…") next to ⋮ and "2 members".
Proposal: SpaceHeader.vue:30 break-all → break-words; put ⋮/members on their own row on mobile.

S2. Space image crop modal: keyboard-only hint

Fixed by #3550
Steps: Space ⋮ → Customize → Set image → pick a jpg
Problem: Hint says "Zoom via +-, pan via ↑↓←→"; touch drag/pinch work but aren't mentioned.
Proposal: ImageCropper.vue:46-54: touch hint ("Pinch to zoom, drag to move") on mobile.

S3. "Set icon" emoji picker is a fixed 352px block flush to the left

Fixed by #3550
Steps: Space ⋮ → Customize → Set icon
Problem: Touches the left edge at 360px, leaves an empty gap on the right at 412px.
Proposal: OcEmojiPicker.vue:2 min-w-[352px] → w-full mx-auto, derive perLine from the available width.

Also seen in this area (tracked elsewhere): the "+" button covering sidebar panels and the last list row, sticky tooltips in the sidebar, small touch targets in Versions/Tags, names without ellipsis in a space's trash bin.

Reproduction Steps

Mobile viewport, logged in as admin. Tested with Playwright (Chromium) device emulation: Pixel 7 (412px) and Galaxy S8 (360px). Steps per finding above.

Expected Outcome

Every view and control in this area is fully usable on a phone: nothing covered, cut off or squeezed, readable labels, reasonable touch targets.

Actual Outcome

See findings above. Part of #3542.