feat: preferences page, styling, and routing between onboarding

[me-liu]

🍞 What's new in this PR

🥐 Description

• changed the global styling to remove default margins/whitespace. This may mean previously styled pages must be changed
• preferences page styling
• navigation between the preferences and onboarding page

🥖 Screenshots

🥪 How to review

• All at once: the styling is almost exactly the same as my previous PR

🥧 Next steps

• I will add more global colors soon

🥞 Relevant links

🥨 Online sources

🥯 Related PRs

CC: @celinechoiii

[celinechoiii]

since all of the styled components from preferences screen overlap with the general screen, can you have a single styles.ts file that can be used across all of the onboarding flow to reduce redundancy? also, could you rearrange the files like the following: onboarding folder --> general folder (contains page.tsx) + preferences folder (contains page.tsx) + styles.ts. if there are any screen specific styled components you would like to add, feel free to add a styled.ts file for that respective folder

[celinechoiii]

delete margin-top and add margin-bottom: 2.25rem; to add more space between title and the first input field

[me-liu]

The reason I did margin-top: 0 because the title text has some default margins on the top and bottom. I think if do this I end up with a lot of spacing btween the title and the rest of the stuff:

[celinechoiii]

can you make sure to pull from main? i merged in justin's font pr and now the styling might need some adjustments