Fetch user data server-side instead of me.useQuery()

[ShaneMaglangit]

Description

To improve our UX, we should ideally reduce (or completely elimiate) loaders in our page. Currently, we are not taking advantage of NextJS' features such as getServerSideProps to prefetch the data we need for our pages.

Why are we not doing it?

• Poor load times, possible because of cold-start

What we expect to be done under this PR?

• Replace the initial me.useQuery() instances by loading the user data on gSSP instead.
• Important: We want to implement this without negatively affecting our UX due to the cold start latency.
  • i.e. if I click "Get Started" on the landing page, either we show some sort of progress bar or have very very little delay before navigating to /dashboard.
  • if you just do the first requirement of moving to gSSP, we get this scenario where if I click the Get Started button, there's a noticable delay before the page actually navigates to the Dashboard (feels like it freezes since there's no loading indicator)