Move MSAL integration to server-side

[yelodevopsi]

Current page.tsx uses use client which breaks the CSP integration in middleware.ts.

Find a way to integrate the current functionality from client-side to server-side.

Sources:

Test sample:
https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/samples/msal-react-samples/nextjs-sample

Check out documentation on:
https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev

[yelodevopsi]

Still problems with: vercel/next.js#54907

[yelodevopsi]

New problems today with CSP on Vercel/Next.js: Not solved:
vercel/next.js#55638

[yelodevopsi]

Found that dynamic links are needed, for CSP to work: #54
hence the documentation and example in Next.js (with-strict-csp):

https://github.com/vercel/next.js/blob/canary/examples/with-strict-csp/middleware.js

Need dynamic page to trigger nonce generation.
Because of usage of _app.tsx, this wont trigger on first page properly.

Resolve this and commit changes.

NOTE: use client has been removed/fixed

[yelodevopsi]

Much back and forth with CSP bug av vercel. CSP for nonce is currently disabled.