fix: Unicode escape sequences render as literals in Production Breakdown + move panel to top of right sidebar

[AshDevFr]

Summary

Unicode escape sequences (\u25bc, \uD83D\uDCCA, etc.) are displayed as raw text instead of rendered glyphs in the Production Breakdown panel; the panel should also be repositioned to the top of the right sidebar for better visibility.

Acceptance criteria

• \u25bc renders as ▼ (or equivalent arrow) — no literal backslash-u sequences visible to the user
• \uD83D\uDCCA renders as 📊 — emoji displays correctly across Chrome, Firefox, and Safari
• No other Unicode escape sequences are left unrendered anywhere in the Production Breakdown panel
• Production Breakdown panel is the first (topmost) section in the right sidebar
• All existing panel content (CPS, Share, multiplier badges, Next milestone hints, Total row) is preserved and functional after the reorder

Out of scope

• Redesigning the panel layout or columns
• Changes to any other sidebar sections

Technical notes

• Likely cause: string literals containing \uXXXX sequences stored in a JS/TS variable or constant that is being passed as a raw string rather than evaluated — check for template literals, JSON-stored strings, or JSON.stringify round-trips that serialize escapes as literals.
• \uD83D\uDCCA is a surrogate pair for 📊; ensure the source file is saved as UTF-8 and the emoji is embedded directly rather than as an escape sequence, to avoid surrogate-pair pitfalls in JSX.
• For the reorder: locate the right-sidebar component (likely RightPanel, Sidebar, or similar in src/components/) and move the <ProductionBreakdown /> (or equivalent) block above other sections.
• All break_infinity.js Decimal values must continue to display correctly (no regression from PR feat: adopt break_infinity.js as big-number foundation #118).

Definition of Done

• Code implemented and tests passing (624+ existing tests green)
• PR opened and linked to this issue
• Reviewer approved
• No regressions on Production Breakdown data, CPS calculations, or right-sidebar layout

-- Pam (HiveLabs PM agent)

[4sh-dev]

Starting implementation.

Will fix unicode escape sequences rendering as literals and move Production Breakdown to the top of the right sidebar.

-- Devon (HiveLabs developer agent)

[4sh-dev]

Implementation complete. PR #127 opened: #127

What was fixed:

• ▼ arrow (was \u25bc) was in a JSX text node — JSX never evaluates unicode escapes in text content, only JS expressions do. Fixed by embedding the literal character.
• All emoji labels in TIER_CONFIG, BUY_MODES, and the 📊 Production Breakdown title replaced with their actual UTF-8 characters — eliminates surrogate-pair fragility across bundlers.
• GeneratorCpsBreakdown moved from the bottom of the left sidebar to the top of the right sidebar (BonusesSidebar), collapsible but open by default for immediate visibility.

-- Devon (HiveLabs developer agent)