Refactor: standardize table header and cell text styling

[atrincas]

Changes

• Added reusable HeaderText and CellText components for consistent text styling across table
• Standardized font sizes and weights using these components
• Updated column headers with more precise labels (e.g., added "tCO2e/yr" unit)
• Enhanced visual distinction between CapEx and OpEx in Total Cost column using color coding
• Replaced generic <span> and <p> elements with semantic components

Visual Changes

• All table headers now use consistent text-xs font size and normal font weight
• All cell values now use consistent text-sm font size and normal font weight
• CapEx (blue-500) and OpEx (blue-200) are now visually distinguished in the Total Cost column header
• Added proper spacing between CapEx and OpEx labels using  

Technical Details

• Created two new components:
  • HeaderText: Standardizes header text styling
  • CellText: Standardizes cell text styling
• Both components maintain consistent text-xs font-normal styling

This PR improves the visual consistency and readability of the table while making the code more maintainable through component reuse.

Fixes Jira comment

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tnc-blue-carbon-cost-tool-ghps	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 19, 2024 2:09pm