Migrate index page to app router

Purpose

Migrate the current index page from the pages router to the app router

closes: Add github issue that originated this PR

[ ] For many of the components that are used in multiple pages, I created a Server version in cases that they were using features supported only in the pages router (e.g. useRouter). These are meant to be temporary until all of the pages are migrated
[ ] The current version of react-bootstrap isn't supported in server components. I created a 'use client' wrapper for the Grid, Row, Col, and Alert components because they are commonly used in server components.
[ ] Cypress injects a <script> tag into <head> when it runs it's tests, leading to hydration errors. I wrapped the contents of <head> in a <Suspense> boundary per this comment
[ ] I removed the Source Sans Pro <link> in favor of importing using next/font/google. Of course, it is now called Source Sans 3, so I had to remove references to Source Sans Pro in doi.css
[ ] I updated next-plausible, and moved its Provider into the <head> per its documentation

[ ] 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)

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 8f84074792a4eb32a690f1346f825d1b7e0c3b84 into cb3320a0268301f56d24db05a944...
Project: akita	Commit: `b6b476349f ℹ️`
Status: Passed	Duration: 02:44 💡
Started: Feb 7, 2024 10:57 AM	Ended: Feb 7, 2024 11:00 AM