Technical layout splitting

[AndyRae]

We need to change the structure of the Nextjs app to support multiple layouts.

app/layout.tsx (root layout, maybe the footer)
app/(protected)/layout.tsx (protected layout, include sidebar)
app/(public)/layout.tsx (public layout, maybe menubar)

https://nextjs.org/docs/app/building-your-application/routing/route-groups

• [ ] Move the current code into (protected)
• [ ] Create new root layout
• [ ] Extract themeprovider into the root layout
• [ ] Create new public layout