UI for Settings Page #295

[yumi520]

ℹ️ Issue

Closes #295

📝 Description

Added the settings page from new designs

Briefly list the changes made to the code:

1. Created component for button and info card
2. Created page for settings (/setting)

Test Changes

🏕️ (Optional) Future Work / Notes

• I used bg-white but it blends in with the background of the website itself. I tried it with different bg colors and it works

[janekamata]

Looks good to me code wise but if you want to match the design closer I would have a few suggestions.

Comparing to the design, the spacing and text size for some of the components seems a bit off. For example, the change password button is very far right and the personal information box should be longer to account for the edit button in the future. The personal information font size seems small as well to align with the design text size hierarchy

[yumi520]

Looks good to me code wise but if you want to match the design closer I would have a few suggestions.

Comparing to the design, the spacing and text size for some of the components seems a bit off. For example, the change password button is very far right and the personal information box should be longer to account for the edit button in the future. The personal information font size seems small as well to align with the design text size hierarchy

[janekamata]

Lgtm with the new changes!