Header improvement 1- added contact page

[nitanagdeote]

This pull request introduces a dedicated "Contact Us" page to the website. This page will provide users with clear methods to get in touch with the VizHub team for support, inquiries, feedback, or other communication needs.

Key Changes:

New Route/Page: A new route (e.g., /contact or /contact-us) has been created to host the contact page.
Contact Form (if applicable): [Mention if you included a form, e.g., "Includes a basic contact form for direct inquiries."]
Contact Information: Provides essential contact details such as email addresses for different departments (e.g., [email protected], [email protected]) or links to a support forum/community.
Accessibility: Ensures the page is accessible and easy to navigate for all users.
Styling: Follows the existing design system (e.g., Tailwind CSS, Inter font) for a consistent user experience.
Navigation Update (if applicable): [Mention if you updated the main navigation, e.g., "Added a link to the 'Contact Us' page in the footer navigation."]
Why this is important:

Adding a dedicated contact page significantly improves user experience by providing a clear and centralized point of contact. This fosters better communication, helps users find the information or support they need more efficiently, and ultimately enhances trust and engagement with VizHub.

Testing Notes:

Verify the page loads correctly at its designated URL.
[If there's a form: "Test form submission to ensure emails are sent and received correctly."]
Check responsiveness on various devices.
Confirm all links (email, support forum, etc.) are functional.

[curran]

These changes we can deploy immediately:

components/src/components/Header/index.tsx

except the contact form which is not working. If you do a new PR with just this change, without the contact form, I can merge and deploy.

This PR has additional changes to the Explore page that are unrelated.

The new contact page is a great idea, here's how it can be working:

• We need to change the files in app/src/pages to add a new entry that calls out to the new thing in components
• Introduce a new file, e.g. app/src/pages/ContactPage.jsx

export const ContactPage = () => {
  // Import the thing you made from `components` and render it here
  return 'TODO pull in contact form';
};

ContactPage.path = '/contact';

ContactPage.getPageData = async () => ({
  title: 'Contact',
});

• Add that to the list of exports in app/src/pages/client.ts
• Add that to the list of exports in app/src/pages/server.js