feat(NcUserBubble): add RouterLink support

[Antreesy]

☑️ Resolves

• Show interactive cursor pointer if an element has click event

🖼️ Screenshots

🏚️ Before	🏡 After

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable
• 3️⃣ Backport to next requested with a Vue 3 upgrade

[ShGKme]

This PR is for: nextcloud/spreed#12510

There NcUserBubble is used as a clickable div to implement manual router navigation. It is a UX and a11y issue (how to open it in a new tab or via keyboard?).

Instead, it's better to add RouterLink support to this component. Then it will be actually an interactive link element.

[Antreesy]

here NcUserBubble is used as a clickable div

Without additional context (spreed PR), clickable div itself should be already an issue. Maybe we should extend it to <a>/<button>/<div> at least?

[ShGKme]

here NcUserBubble is used as a clickable div

Without additional context (spreed PR), clickable div itself should be already an issue. Maybe we should extend it to <a>/<button>/<div> at least?

Component already supports <a> with href prop. We can also add to prop to support <RouterLink>.

With Popover it is still clickable <div>, but let's call it a separate issue

[Antreesy]

Resolved your suggestions, thanks!
I kept only RouterLink support, and cursor styling for anchors.

Can we address this in follow-up, maybe? or <a role="button"> would suffice?

Suggested change

	: 'div'
	: (this.popoverEmpty ? 'div' : 'button')

[ShGKme]

Yes, let's do it in a follow up. It is not a part of the original issue. TBH I even don't remember, where we use use bubble with popover...

[DorraJaouad]

LGTM

[Antreesy]

/backport to next