[WIP] Add server-side authentication check to dashboard page

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

Implement a server-side authentication check for the dashboard page to ensure that only authenticated users can access it. If a user is not authenticated, redirect them to the login page before any dashboard content is rendered. Use the recommended Next.js pattern for this (such as getServerSideProps for the pages router, or middleware for the app router). The solution should be robust, production-grade, and prevent any flashes of unauthenticated content. Ensure that the check is implemented in the dashboard page and that the user experience is seamless. Do not affect other parts of the application. If the dashboard loads user-specific theming or data, ensure it is only fetched after authentication is confirmed.

This pull request was created as a result of the following prompt from Copilot chat.

Implement a server-side authentication check for the dashboard page to ensure that only authenticated users can access it. If a user is not authenticated, redirect them to the login page before any dashboard content is rendered. Use the recommended Next.js pattern for this (such as getServerSideProps for the pages router, or middleware for the app router). The solution should be robust, production-grade, and prevent any flashes of unauthenticated content. Ensure that the check is implemented in the dashboard page and that the user experience is seamless. Do not affect other parts of the application. If the dashboard loads user-specific theming or data, ensure it is only fetched after authentication is confirmed.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.