Added reusable navbar component and integrated into all pages

[shristhi-2908]

Which issue does this PR close?

• Closes Add hover effect to navbar links in Content Writing page #524

Rationale for this change

Each page had its own hardcoded navbar, which caused duplication and inconsistent design.
This PR makes the navbar reusable and centralized, so future changes are easier and consistent.

What changes are included in this PR?

• Created components/navbar.html
• Added loadNavbar.js to dynamically load the navbar into all pages
• Linked a CSS file for consistent styling across all pages (Home, About, Contact, etc.)

Are these changes tested?

Yes.

• Opened index.html, about.html, and contact.html in the browser
• Verified the navbar loads correctly on each page
• Verified the styles are consistent and links work as expected

Are there any user-facing changes?

Yes.

• Users will now see the same consistent navbar across all pages

No breaking changes. The PR only affects the navbar and does not break other functionality.

Screenshots

[netlify]

✅ Deploy Preview for growcraftt ready!

Name	Link
🔨 Latest commit	7c220c7
🔍 Latest deploy log	https://app.netlify.com/projects/growcraftt/deploys/68d3e91a32f3f5000839f3a0
😎 Deploy Preview	https://deploy-preview-654--growcraftt.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 project configuration.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[gyanshankar1708]

@shristhi-2908 Ressolve Conflict