Develop WebGL-accelerated price history graph rendering

[Fatimasanusi]

Description

Rendering thousands of historical price data points using DOM elements or standard SVG canvas causes severe browser lag and memory exhaustion.

Architecture & Context

Following the requirements outlined in PRICE_HISTORY_GIT_SUMMARY.md, the frontend must render complex fractional price charts using WebGL. Bypassing the DOM allows the GPU to render massive datasets smoothly at 60FPS.

Technical Requirements

• Integrate a WebGL-based charting library (e.g., uPlot or custom shaders).
• Stream historical GraphQL price data directly into typed arrays for GPU consumption.
• Implement interactive tooltips without triggering React re-renders.

Acceptance Criteria

• Graph renders 10,000+ data points at 60 frames per second.
• Panning and zooming is handled entirely by the GPU.
• Memory profiling shows no DOM node leakage during interactions.