Feat(dashboard): integrate firestore in dashboard, add detox summary / progress overview logic, create task modal button variant, add link to community

[magali-la]

🎯Type of Change:

• Feat ✨: New feature or functionality.
• Style 🎨: Code formatting or aesthetic changes (CSS).

This PR...

Adds more features to the dashboard including responsive margins more closely aligned with designs, firestore integration for challenge progress and dynamic detox summary tile, adds dynamic progress overview tile with recently completed challenge days, adds link to community forum, adjusts start a challenge modal buttons and variants.

---

📝 What I Did:

• Adjusted dashboard responsiveness and margins
• Store selected modal tasks in firestore user document
• Added hasTasks state for conditional empty vs populated dashboard
• Update persistence in firebase.js for faster load of dashboard states
• Fix issue with selection button hover style override
• Sent and fetched completed days for detox summary tile from journal.jsx
• Map progress overview component into progress tile with completed days
• Add a conditional empty state for the progress overview tile for no completed days
• Created button variant and conditional render for modal buttons that include a title and subtitle
• Adjusted modal responsiveness
• Added clickable community forum dashboard tile with accessibility features - tab focus and button role for screen readers

---

🧪 How to Test:

1. Open the Netlify preview
2. Start by creating a new account to go through onboarding flow
3. Check that the hover gray is not showing when an onboarding option is selected and blue
4. Check that dashboard empty state is showing
5. Open DevTools, click select a challenge button, and choose options
6. Check options are showing in console & firestore under your user document after save
7. Go back to dashboard, check that populated state is showing the dashboard tiles and empty state for the progress overview
8. Go to journal and submit a sample response
9. Go back to dashboard to see the updated detox summary number, and the task in the progress overview tile
10. Test tab navigation, ensure focus outline design is present around community tile
11. Verify that the link is accessed via both clicking and pressing enter while focused on the community tile
12. Delete your test account

---

🤔 What I learned:

Learned a lot about responsiveness while working with tricky constraints I had set for the button width and height, reinforced knowledge of tailwind variants

[netlify]

✅ Deploy Preview for mint-chip ready!

Name	Link
🔨 Latest commit	d45e008
🔍 Latest deploy log	https://app.netlify.com/projects/mint-chip/deploys/693eda265da67f000842b7e1
😎 Deploy Preview	https://deploy-preview-34--mint-chip.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 project configuration.