fix: make header logo accessible via keyboard

[sumitakhuli]

fixes #360

Wrapped the logo Image component in a Chakra UI Box with as="button". This ensures the logo is focusable and actionable using the keyboard.

Related Issue

Motivation and Context

To ensure the application is accessible to all users, including those relying on keyboard navigation.

How Has This Been Tested?

• Manual Verification: Verified that the logo can be focused using the Tab key and activated using the Enter/Space keys to navigate to the home page.
• Build: Verified that npm run build completes successfully.

Screenshots or GIF (In case of UI changes):

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)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.