feat: Remove Overflow Hidden and Enhance Navbar Styling

[SaiTejaswaniBikkasani]

Fixed issue: #1005

Title and Issue number

Title : #1005

Issue No. : #1005

Code Stack : HTML, CSS

Close #1005

Description

The current web page design has overflow: hidden, preventing access to the entire page content. This commit modifies the CSS to allow users to scroll and access the entire page content.
Improved the navbar by making the following changes:

• Ensured the cursor changes to a pointer when hovering over the navigation links and also added the hover effects to the links in the navbar for better user experience.
• Added proper spacing and padding to the navigation links to prevent them from connecting to the margin.

Video/Screenshots (mandatory)

Screen.Recording.2024-07-07.120811.mp4

Type of PR

• Feature enhancement

Checklist:

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have gone through the contributing.md file before contributing

Additional context:

##Are you contributing under any Open-source programme?

• I am contributing under GSSOC'24

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	01ef0fd
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/668a38b982deb600086f84a4
😎 Deploy Preview	https://deploy-preview-1009--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[apu52]

@SaiTejaswaniBikkasani I can't see any of your changes in the PR itself as it shows me this

I think maybe the newplantrip.html page is not connected with the main page so that none of your changes is shown up to me .please check it & fix it