Standardize on UTooltip and remove native title-attribute tooltips

[markcrivera]

Problem Statement

Several UI hints are implemented as native HTML title attributes Native title tooltips are drawn by the browser/OS, so they don't scale with browser zoom, can't be styled, and have inconsistent assistive-technology support. This surfaced in #183 (comment) review: zooming in doesn't enlarge the tooltip text on the auth test-login button.

This affects anyone relying on page zoom for readability, they get fixed-size unstyleable hints.

Proposed Solution

Standardize on the Nuxt UI component tooltip already used in the app (UTooltip, currently in SystemView.vue) and replace the remaining native title tooltips with it across the app.

Alternatives Considered

• Leave as native title - rejected: doesn't scale with zoom, accessibility gap.
• Auth-only fix - rejected: leaves identical offenders elsewhere; root cause is app-wide and small enough to do at once.

Acceptance Criteria

• No native title-attribute tooltips remain in components/ or pages/
• Converted tooltips scale with browser zoom.
• Tooltips appear on keyboard focus, with appropriate ARIA wiring
• All tooltips use the shared UTooltip pattern.

Priority

Low — nice to have

[Amndeep7]

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/tooltip_role

I recommend considering where possible to get rid of the tooltip outright as per the ARIA documentation there and have the information visible at all times if possible.

[markcrivera]

To clarify the intent: this isn't about adding tooltips broadly. It's that wherever we use a tooltip, it should be UTooltip rather than a native title attribute. Native title tooltips don't scale with page zoom because they're rendered by the browser/OS outside the app's layout, which is exactly what was flagged on the test login button in #183.

UTooltip is already used in the app and handles zoom correctly since it renders in the DOM. The scope here is just replacing any existing title="..." hints with it, not prescribing where tooltips should or shouldn't appear across the app. I think that should be a separate UX decision. Another reason for opening the issue was the ensure we research the correct pattern to meet accessibility requirements. Tired of SonarQube blasting me 😅