Connect buttons with respective pages (#1187)

[sheezah01]

Related Issue

Closes: #1187

Description

This pull request includes the following changes:

• Connected all buttons on the website to their respective HTML pages, enhancing navigation and interactivity.
• Created a new "How to Guide" page that provides users with detailed instructions on how to use various features of the site.

How Has This Been Tested? ⚙️

• Verified that each button navigates to the correct HTML page.
• Tested the "How to Guide" page to ensure content is displayed as expected and that all links are functioning.

Screenshots 📷

Type of change

What sort of changes have you made:

• [x] New feature (non-breaking change which adds functionality)
• [x] Code style update (formatting, local variables)

Checklist

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

[netlify[bot]]

✅ Deploy Preview for tourmaline-bavarois-d21f10 ready!

Name	Link
🔨 Latest commit	0a159c79fbc5d3ff5bc0471167178f054ff28072
🔍 Latest deploy log	https://app.netlify.com/sites/tourmaline-bavarois-d21f10/deploys/672e55969c9ee50008e0faa0
😎 Deploy Preview	https://deploy-preview-1224--tourmaline-bavarois-d21f10.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.

[vishanurag]

Please resolve merge conflicts