Set up app layout - Githubissues

Purpose

Set up the layout for the app router

closes: #332

Approach

Migrated the Layout component being used across the pages router to work with the app router. It now lives in the src/app/layout.tsx file, and any sibling or child page.tsx files are passed to it as children.

Open Questions and Pre-Merge TODOs

[ ] The most significant changes are in the new app folder
- Apparently when adopting the app router, NextJS automatically inserts a new TypeScript plugin on build. There are a lot of new linting error fixes included in this PR.
[ ] I had to add a temporary 404.tsx file in the pages directory because the 404 page was throwing an error.
- I think it has to do with the current mixture of pages and app router
- This should be able to be removed once everything is migrated to the app router

Learning

Referenced the NextJS docs to understand the app router.

Types of changes

[ ] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)

Reviewer, please remember our guidelines:

Be humble in the language and feedback you give, ask don't tell.
Consider using positive language as opposed to neutral when offering feedback. This is to avoid the negative bias that can occur with neutral language appearing negative.
Offer suggestions on how to improve code e.g. simplification or expanding clarity.
Ensure you give reasons for the changes you are proposing.

Merge 30b3d371f1bd208ce36d3c9c3f57a36bbe7a8968 into bfdbdd05ef81edbeb9b2e22b4e21...
Project: akita	Commit: `03fff29392 ℹ️`
Status: Passed	Duration: 02:39 💡
Started: Feb 1, 2024 3:42 PM	Ended: Feb 1, 2024 3:44 PM

datacite / akita

Set up app layout #340