Feat: Updating the Header of the website

[himanshu-03]

Describe the feature

• The header must be updated in all of the website's file located in src directory.
• The header must be same and visible on all the pages in the website.
• Modification of header with respect to the design (see below attached images)

Add ScreenShots

• Currently on opening the website it displays the header like this:

  

• The header must always be like the image shown below where there should be no solid color behind the header.

  

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @himanshu-03! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[himanshu-03]

This is an open issue.
Anyone who is interested in working in this issue can comment on this issue.

[ShagunSharma17]

I would like to work on this issue @himanshu-03

[AsmitaMishra24]

I would like to work on this issue. Please assign me this task for GSSoC'24. @himanshu-03
I have already solved the issue, please assign me so I can make the PR.

Screenshot:-

Recording.2024-07-01.150249.mp4

[AsmitaMishra24]

@himanshu-03, please assign me so I can make the PR.

[himanshu-03]

I would like to work on this issue @himanshu-03

Hey @ShagunSharma17 !

You can start working on this issue.

[himanshu-03]

@ShagunSharma17 are you done with the changes?

[ShagunSharma17]

@himanshu-03 Yes I am almost done. Give me sometime and I will update the changes.

[Maheshwari-Love]

@himanshu-03 @RitiChandak can you assign this issue to me