fix(explorer): add units and descriptions to on page context charts (#105930)

before was something like this
<img width="801" height="623" alt="image"
src="https://github.com/user-attachments/assets/61e5a1af-982f-4b68-9bc9-a55f22b53c4d"
/>


after is like this
<img width="557" height="159" alt="Screenshot 2026-01-08 at 10 07 49 AM"
src="https://github.com/user-attachments/assets/5e7862ae-d705-4c2d-bacc-f259bcfacbd4"
/>

everything was getting unwieldy so i refactored the file into some
helper methods

closes AIML-2189

Author: roaga