Add Proper Suspense Boundaries

[christianhelp]

Currently, we do not use Suspense boundaries in our application. Suspense boundaries are useful for showing the user a preview of what they are loading, acknowledging asynchronous components, and most importantly preparing our application for what is to come with Partial Prerendering.

Requirements

• All asynchronous components are wrapped in a Suspense or the route has a loading.tsx

Resources

https://nextjs.org/docs/app/api-reference/file-conventions/loading

https://react.dev/reference/react/Suspense

[linear]

HK-149 Add Proper Suspense Boundaries