redesign: Linear-style full-sheet tag picker + working Paste on mobile

[pheuberger]

The add-bookmark sheet had two mobile-breaking problems:

• The tag autocomplete rendered as a dropdown below the input, which
  inside a bottom sheet lands under the footer and soft keyboard - you
  had to select and scroll up blindly to see any results.
• The Paste button reported 'Clipboard is empty' for links copied from
  the iOS share sheet: those live on the pasteboard as text/uri-list
  with no text/plain flavor, so clipboard.readText() resolves to ''.

Tags on mobile now open a full-sheet picker (modeled on Linear's label
picker): search pinned at the top, selected tags as chips, and the tag
list filling all remaining space above the keyboard. Tapping toggles,
Enter picks the first match, Esc/Done back out to the form. Desktop
keeps the inline autocomplete.

Paste now prefers clipboard.read(), checking text/uri-list before
text/plain, and falls back to readText() for browsers without read().

Co-Authored-By: Claude Fable 5 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01SPjfx8k7FcETAoYVVPy1kQ

[netlify]

✅ Deploy Preview for hypermarkk ready!

Name	Link
🔨 Latest commit	07cb397
🔍 Latest deploy log	https://app.netlify.com/projects/hypermarkk/deploys/6a7ace17902c45000904f911
😎 Deploy Preview	https://deploy-preview-47--hypermarkk.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 2334c980-e01a-48fa-8b25-32ae07cebfaa

📥 Commits

Reviewing files that changed from the base of the PR and between f0ae72a and 07cb397.

📒 Files selected for processing (4)

• src/app.css
• src/components/bookmarks/AddBookmarkDialog.jsx
• src/components/bookmarks/AddBookmarkDialog.test.jsx
• src/hooks/useMediaQuery.js

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch claude/mobile-bookmark-creation-ux-q5vpi8

---

_{Comment @coderabbitai help to get the list of available commands.}

[pheuberger]

@coderabbitai review

[coderabbitai]

Action performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[coderabbitai]

Action performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[coderabbitai]

Action performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.