[Design System] Styles alignment: review styles file on Figma and align it with what is currently implemented

[ligiamxm]

Context/background

While implementing new features, both the UX designer and front-end developer noticed mismatches between our current design system libraries and the code base. This inconsistency leads to unnecessary rework and component overwriting. To solve this problem, we need to align design and development resources by establishing a single source of truth. Styles alignment is part of this initiative.

Why are we doing this?

To streamline component implementation and improve collaboration between design and development, thus improving the overall consistency, efficiency, and quality of our platforms' development.

What needs to be done?

Review the Styles Page on this Figma file utilized in our designs and ensure it aligns with what is currently implemented in production by:

• Compare the styles page with the implemented designs in the codebase.
• Deleting unused styles.
• Check with @ligiamxm the styles proposed in recent profile pages' redesigns and see what needs to be added to the Styles Page and to be implemented.