Add hover remove control to message tags

[Copilot]

This updates tag badges in the list and reader views so individual tags can be removed in place via a hover affordance, instead of requiring bulk tag actions. The change keeps tag editing local to the tag being acted on and refreshes surrounding state after removal.

• UI behavior

  • Adds a hover-only × control to removable tag badges.
  • Keeps the control attached to the badge itself so the interaction is visible only when relevant.

• Tag removal wiring

  • Passes the message-scoped query (id:<message-id>) into tag badge rendering.
  • Calls the existing rmTag API for the selected tag and emits tagsUpdated on success.

• State propagation

  • Updates both the reader pane and message list item to remove the tag locally after success.
  • Bubbles tagsUpdated back up so query/tag lists refresh consistently.

• Interaction safety

  • Prevents the remove control from triggering parent click handlers in the message list.

<TagBadges
  tags={emlMeta.tags}
  query={`id:${emlMeta.id}`}
  on:tagsUpdated={(event) => {
    emlMeta.tags = emlMeta.tags.filter((tag) => tag != event.detail.tag)
    dispatch("tagsUpdated", event.detail)
  }}
/>