[Bug]: Dashboard Pages - Scrollbar, Header, Footer, and Navigation Inconsistencies

[nur-hasin]

Describe the bug

Multiple dashboard pages (Organic, Disease, Weather, Shopkeeper, Plantation, Crop Price Tracker, Yield Prediction, and Schemes) have inconsistent UI compared to the main pages. The issues include missing custom scrollbar styling, an unnecessary bottom border appearing under the header navbar, footer missing proper information, page headings being clipped behind the fixed header, duplicate scroll-to-top buttons overlapping each other, missing theme toggler on some pages, and a narrower header layout.

To Reproduce

1. No custom scrollbar (Schemes, Yield Prediction, Weather, Disease pages):

   • Navigate to the Schemes, Yield Prediction, Weather, Disease page.
   • Observe the browser's default native scrollbar appearing on the right side instead of the custom styled scrollbar used on the main pages.

2. Unnecessary bottom bar under the header navbar (Organic, Shopkeeper, Plantation pages):

   • Navigate to any of the affected dashboard pages (e.g., Organic, Shopkeeper, Plantation).
   • Observe an unnecessary empty horizontal bar appearing directly below the navbar, creating a visual gap between the header and the page content.

3. Footer missing proper information (Yield Prediction, Plantation, Crop Price Tracker page):

   • Navigate to the Yield Prediction, Plantation, Crop Price Tracker page.
   • Scroll to the very bottom of the page.
   • Observe the footer only shows /"© 2026 AgriTech. Empowering farmers with intelligent agriculture solutions." with no navigation links, social links, or additional information - unlike the footer on main pages.

4. Page heading clipped behind the fixed header (Organic page):

   • Navigate to the Organic page.
   • Observe that the page section heading Organic Farming Excellence is partially clipped behind the fixed top navbar.

5. Duplicate scroll-to-top buttons overlapping (Plantation page):

   • Navigate to the Plantation page.
   • Scroll down to the bottom of the page.
   • Observe two scroll-to-top arrow buttons stacked each other in the bottom-right corner of the screen.

6. Theme toggler missing (Yield Prediction page):

   • Navigate to the Yield Prediction page.
   • Observe that the theme toggle button present on main pages is missing entirely placed compared to other pages.

7. Header is narrower (Yield Prediction page):

   • Navigate to the Yield Prediction page.
   • Observe the header appears narrower and styled differently compared to the main AgriTech navbar.

Expected behavior

• All dashboard pages should display the same custom styled scrollbar as the main pages, with no native browser scrollbar visible.
• The header navbar should have no unnecessary bottom bar below it on any dashboard page.
• All dashboard pages should share a consistent footer with complete information including navigation links, copyright, and branding - matching the footer style of the main pages.
• Page headings should not be clipped behind the fixed header - sufficient top padding or margin should be applied to all dashboard page sections so content begins below the navbar.
• There should be only one scroll-to-top button per dashboard page, positioned consistently in the bottom-right corner without duplication.
• The theme toggler should be present and consistently positioned on all pages, matching the behavior on the main pages.
• All dashboard pages should use a consistent full-width header with the AgriTech logo and navigation links.

Additional context

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[nur-hasin]

Hi @omroy07, I've created this issue and would be happy to work on it if approved.

[omroy07]

Assigned