Added hover to header section

[justin212407]

feat(ui):added hover to header section

Related Issue

Closes: #226

Description

I have added hover effect to the header section of the website.

Type of change

Every time a user hovers their mouse pointer over one of the components in the header section it has hover effect show up.

What sort of changes have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• My code follows the code style of this project.
• I have followed the contribution guidelines
• I have performed a self-review of my own code.
• I have ensured my changes don't generate any new warnings or errors.
• I have updated the documentation (if necessary).
• I have resolved all merge conflicts.

Before:

After:

@PriyaGhosal please review this.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 2 hours (more than 100, code: "api-deployments-free-per-day").