Trifecta parity pilot: dev docs, avatars & node status (Chrome Extension)

[QuickMythril]

Summary

This issue tracks the first Trifecta parity pilot changes for the
Qortal Chrome Extension:

1. Dev docs – basic contributor documentation for building/loading the extension.
2. Clickable/hoverable chat avatars – avatars in chat indicate interactivity
   and open user/group info on click.
3. Node status icon – a clearer, more visible node status indicator in the UI.

These changes are implemented on the community branch and published in a
Qortal-Community test build. The goal of this issue is to:

• Coordinate testing feedback,
• Track bugs / UX problems,
• Confirm acceptance criteria, and
• Decide when this slice is ready for upstream PRs.

⚠️ This is NOT an official Qortal release.
It is a community test build to gather feedback before proposing changes
upstream.

---

Features in scope

1. Dev docs

• New/updated dev documentation file (DEVELOPMENT.md or README section)
  checked in.
• Instructions cover:
  • Prereqs (Node/npm, Chrome/Chromium).
  • Clone + install.
  • Build command(s).
  • How to use Load unpacked in Chrome.
• At least one person has followed the docs from a clean clone and:
  • Built the extension.
  • Loaded it in Chrome/Chromium.

2. Clickable chat avatars & hover

In Q-Chat within the Extension:

• Hovering over user avatars changes cursor/visuals indicating clickability.
• Clicking a user avatar opens user info/popup.
• Clicking a group avatar opens group info.
• No double-click weirdness or dead clicks.
• Scrolling remains smooth and not broken by hover/click.

3. Node status icon

With the extension loaded:

• Node status icon appears in a clear location (sidebar/header).
• With node connected & synced, icon shows "good/connected" state.
• With node offline, icon shows "warning/offline" state.
• (If applicable) Icon reflects any "connecting/syncing" state.
• No crashes or layout glitches when node state changes.

---

How to test

1. Download the test build from the Qortal-Community pre-release:
   • Release: https://github.com/Qortal-Community/chrome-extension/releases
2. Unzip and load via chrome://extensions → Developer mode →
   Load unpacked.
3. Use the extension normally, focusing on:
   • Chat avatars (hover + click),
   • Node status icon,
   • Optional dev-docs flow if you’re a contributor.

---

How to report feedback

You can:

• Comment directly in this issue (preferred), or
• Mention it in Qortal chats where the release was announced.

If you report in chat, please also paste a short summary here so we don’t lose it.

When reporting, include:

• Browser and version (Chrome, Brave, etc.),
• OS (Windows / Linux / macOS + version),
• Whether you used the pre-built ZIP or built from source,
• Steps to reproduce,
• What you expected vs what happened,
• Screenshots if helpful.

---

Links

• Q-Community project card(s): Qortal Trifecta Parity
• Release: https://github.com/Qortal-Community/chrome-extension/releases