[BUG] Dead onboarding tour has an undeclared dependency and missing DOM targets

[Suprita736]

Bug Description

src/components/TourGuide.jsx imports intro.js, but intro.js is not listed as a dependency in package.json.

The component currently does not appear to be imported or mounted, which means the missing dependency can remain unnoticed. If TourGuide.jsx is later wired into the application, a clean installation/build can fail because intro.js is unavailable.

There is also a second issue with the tour configuration: the tour targets DOM elements by ID:

• #dashboard-header
• #alerts-panel
• #help-tour-btn

These IDs do not currently exist in the relevant application components, so the configured tour steps cannot reliably find their target elements.

Steps to Reproduce

1. Inspect src/components/TourGuide.jsx.
2. Observe the import:

   import introJs from 'intro.js';

[github-actions]

👋 Thank you @Suprita736 for opening this issue!

We appreciate you taking the time to report or suggest an improvement for Pollution Control Hub.

Our maintainers will review your issue as soon as possible.

Meanwhile, please ensure:

• 📌 The issue clearly describes the problem or feature request.
• 📝 Steps to reproduce (if it's a bug) are included.
• 📷 Screenshots or logs are attached when applicable.
• 🔍 The issue is not a duplicate of an existing one.

Thank you for contributing to the project! 🚀

[Suprita736]

/claim

[github-actions]

Hi @Suprita736, you have been successfully assigned to this issue! 🎉\n\n⏰ Deadline Notice: Please complete and submit your Pull Request within 34 hours.\n\nHappy coding & thank you for contributing to Pollution Control Hub!

[github-actions]

✅ This issue was resolved by PR #1156.

Thanks for reporting — the fix is now on main.