Component rewrite from JSX to Astro

[Chen Hui Jing]

Following our shared library component rewrite to Astro, our new guiding principle for components in individual projects is that straight-forward "rendering" components, like those which take in data to map directly to markup should be written in Astro.
If there are components that require the use of state, then we can continue to keep those in React (since state management is a plus there).