Sayali: add task age indicator below progress bar on dashboard

[sayali-2308]

Description

Implements #(your task number) (Priority Medium)

Related PRs:

No related PRs — frontend only change.

Main changes explained:

• Updated src/components/TeamMemberTasks/TeamMemberTask.jsx to display a task age badge below the progress bar, calculated from task.createdDatetime
• Updated src/components/TeamMemberTasks/style.module.css to add styles for the task age badge with color coding (green ≤7 days, teal ≤30 days, yellow ≤90 days, red 90+ days)

How to test:

1. Check out branch Sayali-Task-Age-Indicator
2. npm install && npm run start:local
3. Clear cache, log in as admin
4. Navigate to Dashboard → Tasks tab
5. Verify a colored badge showing "XX Days Old" appears below the progress bar for each task
6. Verify color changes based on age (green=new, teal=recent, yellow=old, red=very old)
7. Verify dark mode works correctly

Screenshots:

Note:

Frontend only change. task.createdDatetime is already included in the API response from getTasksForTeams in taskHelper.js — no backend changes required.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	7bc25e7
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a14d43b14bf9f0008426e97
😎 Deploy Preview	https://deploy-preview-5272--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[HemanthNidamanuru]

Hi,

I tested this locally. The "XX Days Old" badge appears correctly below the progress bar for each task. Color coding works as expected, green for new tasks, teal for recent, yellow for old, and red for very old. Dark mode looks good too.

[DeepighaJ]

Check out current branch and tested PR locally.
The colored badge showing "XX Days Old" appears below the progress bar for each task as expected and color changes based on age as expected.
Dark mode works correctly as expected.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[HemanthNidamanuru]

Hi Sayali,

I tested this PR locally. The task age indicator badge is not appearing below the progress bar for the tasks tab.

[sayali-2308]

Hi Hemanth, the badge is working correctly. Please make sure you are on the latest commit of the Sayali-Task-Age-Indicator branch and run npm install && npm run start:local after pulling. The badge only appears for tasks that have createdDatetime populated tasks without this field will not show the badge.

[HemanthNidamanuru]

Hi Sayali,

Thank you for working on this.

I retested this PR locally. The task age indicator badge is now appearing correctly below the progress bar for the tasks tab. The badge colors are displaying as expected, and dark mode is also working correctly.

[one-community]

Thank you all, merging!