fix: -redesigned dashboard with stat cards, charts, tables, and campa…

[tusharpatel0504]

• Added dark theme toggle and responsive design
• All metrics and tables use local dummy data for demo

Description

Features Added

• Modern Dashboard UI — Redesigned the dashboard with stat cards, charts, tables, and campaign summaries.
• Dark Theme Toggle — Added a button to switch between light and dark modes. All UI elements adapt to the selected theme.
• Responsive Layout — All cards, tables, and charts are fully responsive for desktop and mobile.
• Animated Cards — Used framer-motion for smooth card entry animations.
• Iconography — Used lucide-react icons for clear visual representation of metrics.

---

Dummy Data

• Stat Cards — All metrics (emails sent, response rate, open rate, pending replies, bounce rate, unsubscribes) use hardcoded mock values for demo purposes.
• Charts — Line and pie charts use sample arrays to simulate email trends and response analysis.
• Tables/Lists — Pending replies, top campaigns, recent activity, and campaign summary sections use static arrays with realistic sample data.
• No API/Backend Required — The dashboard works out-of-the-box with only frontend code; all data is local and for demonstration.

---

Code Changes

• Dashboard.jsx — Main dashboard component containing UI logic, dummy data, theme toggle, and responsive layout.
• api.js — Contains a helper for metrics API, but the dashboard currently uses only local dummy data.
• Removed — PDF export button and related code for simplicity.

---

How to Use

1. Run npm install to install dependencies.
2. Start the app with npm run dev and open /dashboard in your browser.
3. Toggle dark/light mode using the button in the header.
4. All metrics and tables are demo-only — replace dummy data with real API calls when backend is ready.

---

Next Steps

• Connect to backend API for live metrics.
• Replace dummy arrays with real data sources.
• Add more interactivity or export features as needed.

Semver Changes

• Patch (bug fix, no new features)
• Minor (new features, no breaking changes)
• Major (breaking changes)

Issues

List any issues that this pull request closes.
Create Dashboard UI #8

Checklist

• I have read the Contributing Guidelines.

[MD-IRFAN-RAJ]

@all-contributions please add @tusharpatel0504 for code

[MD-IRFAN-RAJ]

@all-contributors please add @tusharpatel0504 for code

[allcontributors]

@MD-IRFAN-RAJ

I've put up a pull request to add @tusharpatel0504! 🎉