feat(pages): CSS refactoring and design improvements

[wd006]

Overview

This PR focuses on a comprehensive refactoring of the styling architecture and significant UI/UX improvements across the entire application. The primary goal was to move from a fragmented CSS structure to a standardized, modular, and maintainable design system based on modern practices.

Key Changes

• CSS Architecture: Migrated all hardcoded colors and values to a centralized CSS Variables system (:root) for easy theme management.
• BEM Methodology: Standardized all HTML class names using BEM (Block, Element, Modifier) methodology to prevent style collisions and improve code readability.
• Integrated a high-quality SVG-based branding header for better performance and scalability.
• Component Refactoring:
  • Improved Input Groups with precise prefix/select alignments.
  • Designed a new Accordion component for the FAQ page using native <details> and <summary> elements.
• Static Pages: Fully redesigned the static pages with improved semantic HTML and a dedicated pages.css for prose content.
• General Clean-up: Deleted deprecated CSS files and removed redundant inline styles/repetitive CSS rules.

How to Test

1. No test required