TODO

General:
  ✔ !important! Home is now the Explore page
  ✔ !important! re-structure all `pages/` files after finishing the Gates and Keys routes, to make them more readable and maintainable
  ✔ !important! add `NEXTAUTH_SECRET` to env on vercel dashboard @done(22-05-31 19:18)
  [] - Convert  objects withs rendered (<Fragment /> like this) components to switch (check if they all runs together)
  [] - cleanup/remove MOST useffects!!!
  [] - Prepare vercel deployment config for new environment

SSR:
  x Add `_middlewares.ts` to parse user-agent
  ☐ Implement user-agent detection hook based on middleware res

SEO:
  x Add project target script to generate favicon and manifest.json data, aka "build-public" target <https://nx.dev/packages/workspace/executors/run-script>
  x Add build-public on "dependsOn" property on both "build" and "serve" targets
  ☐ Generate all manifest.json (theme, description) based on a @gateway/assets folder
  x Add everything related to SEO (images, theme, description) inside @gateway/assets @started(22-05-11 11:42)
  ☐ Redo `@/components/atoms/seo/seo-social.tsx`

Setup:
  ✔ Remove `experimental: { images: { layoutRaw: true } }` from next.config.js when upgrade to new version of next@

Analytics:
  ☐ Migrate / install / document evevery analytics tools

Server Connection:
  ✔ Add server integration @started(22-05-16 16:06) @done(22-05-17 23:22) @lasted(1d7h16m16s)
  ☐ After auth is done, cache the user jwt on the server and implement `services/api` client side connection and react-query
  ☐ Remove direct protocol calls

Archive:
  ✔ Add Eslint + Prettier formatting configuration @done(22-05-11 11:43) @project(General)
  ✔ Add format on save using eslint on vscode @done(22-05-11 11:43) @project(General)
  ✔ add useBreakpoint default value @done(22-05-11 12:46) @project(SSR)