Implemented sticky navbar for persistent visibility during scroll

[jency1]

Closes #365

Changes

• Made the navbar sticky for improved user experience on scroll.
• Updated the styles for better responsiveness across devices.

Flags

• Ensure that sticky behavior works well across different screen sizes.
• Double-check if the navbar overlaps any content on scroll in specific cases.

Screenshots or Video

With Sticky Navbar

Without Sticky Navbar

Related Issues

• Issue Make Navbar Sticky for Persistent Visibility During Scroll #365
• Pull Request Implemented sticky navbar for persistent visibility during scroll #367

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	a9f487a
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/680baa8a6fb5330008f64856
😎 Deploy Preview	https://deploy-preview-367--ap-template-playground.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.

[jency1]

Hi @DianaLease, @dselman & @sanketshevkar,

I’ve opened a pull request with UI improvements that implement a sticky navbar, ensuring it remains visible at the top during scrolling, which enhances navigation accessibility.

Kindly review it at your convenience and let me know if any changes are needed.

Fixes
PR link

Looking forward to your review!
Thanks for your time and support!