fix(PreviewOptions): Move three-dot menu into preview box or link bubble

[mejo-]

Fixes several UX bugs that stem from the existence of the three-dot menu for link preview options. It also will allow us to move drag handle and smart picker link closer to the editor container.

Contributes to #7272

• Fixes: Link menu button in lists #6814 (broken alignment of preview options in lists)
• Fixes: read-only link sharing of .md should not allow changing links from text to link-preview mode #7693 (preview options displayed in read-only documents)
• Fixes: Three dots menu next to links is hidden on small screens / window sizes collectives#1920 (hidden preview options on narrow screens)

Also fixes the bug that the link is displayed above the preview in read-only view in Collectives.

🖼️ Screenshots

🏚️ Before	🏡 After

🏁 Checklist

• Code is properly formatted (npm run lint / npm run stylelint / composer run cs:check)
• Sign-off message is added to all commits
• Tests (unit, integration and/or end-to-end) passing and the changes are covered with tests

[codecov]

Codecov Report

❌ Patch coverage is 36.73469% with 31 lines in your changes missing coverage. Please review.
✅ Project coverage is 59.90%. Comparing base (5bf0fc9) to head (d142d24).
⚠️ Report is 2 commits behind head on main.

Files with missing lines	Patch %	Lines
src/nodes/Preview.vue	17.39%	19 Missing ⚠️
src/components/Editor/PreviewOptions.vue	52.63%	9 Missing ⚠️
src/components/Link/LinkBubbleView.vue	50.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7793      +/-   ##
==========================================
+ Coverage   53.34%   59.90%   +6.55%     
==========================================
  Files         503      500       -3     
  Lines       43534    38345    -5189     
  Branches     1135     1091      -44     
==========================================
- Hits        23225    22971     -254     
+ Misses      20202    15269    -4933     
+ Partials      107      105       -2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[mejo-]

One minor issue, when the Link title is long, it is very difficult to click the three dot menu. It only works in a tiny area at the very top-right corner, because this is positioned absolute and behind the title. If this three-dot would have a higher z-index here, then this would also feel good to click.

Great catch! Updated now and I also added a background-color so the button is more visible.

[mejo-]

/backport to stable32