Implement logout redirect and goodbye/logout page

[chef-louis]

Objective:

Improve the user experience by redirecting users to a dedicated goodbye/logout page after they log out and provide a link to the homepage.

Sub-tasks:

• [x] Create a new page component called LogoutPage in the src/app directory.
• [x] Design and implement the UI for the LogoutPage, including a message confirming successful logout and a link to the homepage.
• [x] Update the logout functionality in the src/components/common/Header.tsx component to redirect users to the /goodbye or /logout route after successful logout.
• [x] Configure the Next.js route in src/app/logout/page.tsx (or src/app/goodbye/page.tsx) to render the LogoutPage component.
• [x] Test the logout functionality to ensure that users are properly redirected to the goodbye/logout page and can navigate back to the homepage using the provided link.

Additional considerations:

• Ensure that the logout redirect and goodbye/logout page are consistent with the overall design and branding of the AthletiFi application.
• Consider adding analytics tracking to measure user engagement and behavior related to the logout process.
• Verify that the logout process properly clears any user session data and tokens to maintain security.

[chef-louis]

• Added a logout page
• Allow for user to route from logout page back to the homepage or login page

[qisforq]

You are quick!