[MINOR] Clarify trait research with a readable matrix and plain-language labels

[RyanS4]

Summary

Make Trait Research readable as a research record and a source of matching listings, with plain-language labels and a calmer matrix. Preserve every existing discipline, trait status, statistic, marketplace match, and navigation action while removing unnecessary jargon and reducing visual noise.

Current Behavior

• TraitTracker.jsx L:315-455 uses "live cheapest market fodder discovery", "Research Mastery", "Fodder on Market", and a technical sync banner before the research itself.
• L:459-494 styles the four discipline tabs differently from the bright green Market Fodder tab, making navigation states inconsistent.
• L:504-553 uses the long empty-state title "No Active Research Fodder Needed (or Listings Unavailable)" and a success checkmark even though the same empty branch can result from unavailable listings or the current filter.
• L:604-749 renders an 800px minimum-width matrix with 9px status labels, 8px market controls, pulsing researching cells, repeated percentages, and strong color across many cells.
• L:694-701 says "Click to buy", while the current market control only navigates to a marketplace search.
• L:525-595 uses "Live Research Fodder on Guild Traders", "Cheapest Price", and a vague "Market" button without clearly explaining that prices come from recorded listings.

Target Architecture / Expected Behavior

Use #104's typography, color, spacing, navigation, and control foundations for the existing research interface.

1. Heading Trait research; helper Track research and find listings for traits your character has not learned. Keep the current character and server selectors with clear, consistent context styling.
2. Use summary labels Research progress, Researched, In progress, and Research matches, retaining the existing overall percentage and all counts. Reduce oversized icons and decorative borders so the data leads.
3. Use a quiet sync note: Research data syncs through the ESOTrade addon and desktop watcher. Keep this as explanatory text, without implying new status monitoring.
4. Preserve all four disciplines and the existing market view. Rename Market Fodder to Research items and use the same selected-tab language and styling as other tabs.
5. Improve the matrix's row/column header hierarchy, give existing completed/total figures secondary emphasis, and use restrained status surfaces. Show each current state with its existing icon plus readable text: Researched, In progress, and Not researched. Persistent pulsing is unnecessary to communicate the state.
6. Keep all nine columns, every equipment row, and all discipline/group counts. Preserve contained horizontal scrolling on narrow screens, with clear row/column context and adequate text size instead of shrinking the whole table.
7. Style current price/search buttons at readable sizes. Tooltips should say View matching listings instead of Click to buy; preserve their actual destinations and existing interaction behavior.
8. Market heading Items for research; helper Lowest recorded prices for this character's unresearched traits. Use Lowest recorded price and View listings on cards, preserving the displayed price, guild, location, and trait information.
9. Use a neutral empty treatment: No matching research listings and No recorded listings match the current view. Preserve the current empty-branch logic rather than adding new state distinctions. Replace Open Character Manager with View characters and use concise existing loading/no-character guidance.

Scope is presentation and wording only. Preserve API calls, matching logic, character/server selection, status values, all trait data and counts, listing prices, search behavior, marketplace parameters, and all existing destinations. Do not add timers, purchasing, research editing, new matching rules, or new interaction modes.

Files Affected

• frontend/src/pages/TraitTracker.jsx (L:315-595, L:604-749)
• Shared visual tokens and control styles established by [FEAT] Establish Tailwind v4 design tokens and incrementally migrate core UI #104, consumed consistently.

Severity & Acceptance Criteria

Severity: MINOR. Priority: Tier 3 - UI & User Experience. This issue improves the presentation of existing research and listing information.

• Research status, overall progress, and listing availability are distinguishable without understanding "fodder" or "matrix" jargon.
• Every current trait, equipment row, discipline, group count, overall metric, price, guild/location, filter, and marketplace destination remains available.
• All three research states remain understandable without relying on color alone; decorative pulsing is not needed to identify research in progress.
• Essential status labels and market controls no longer use the current 8-9px treatment.
• At 360px and 390px widths and 200% zoom, only the matrix region may scroll horizontally; headings, selectors, tabs, and cards remain contained and readable.
• Empty and loading presentations are concise and do not imply research completion or availability beyond the current data.
• Review screenshots for all four disciplines, all three statuses, with/without recorded matches, filtered-empty market view, loading, and no-character presentation.
• Existing status data, searches, server/character changes, market links, matching rules, and interactions remain unchanged. Relevant existing frontend checks pass with zero errors.

Dependencies & Blockers

• Blocked By: [FEAT] Establish Tailwind v4 design tokens and incrementally migrate core UI #104
• Prerequisite For: None