Animate goal progress bars

[Mash4-4-4-4]

Summary

Added smooth mount animations to GoalTracker progress bars so goal progress fills gradually instead of snapping instantly to the final width.

Closes #209

Type of Change

• Bug fix
• New feature
• Documentation update
• Refactor / code cleanup

Changes Made

• Added animated progress bar fill effect on initial render
• Added mounted state to defer width updates for animation
• Added support for prefers-reduced-motion
• Improved progress bar transition timing with ease-out animation

How to Test

Steps for the reviewer to verify this works:

1. Open the dashboard page
2. Navigate to the GoalTracker section
3. Refresh the page
4. Verify progress bars animate smoothly from 0% to their target width
5. Enable prefers-reduced-motion
6. Refresh again and verify animation is skipped

Screenshots (if UI change)

Added smooth animated progress bar fill effect in the GoalTracker component.

Checklist

• Linked issue in summary
• npm run lint passes locally
• No TypeScript errors (npm run type-check)
• Self-reviewed the diff
• Added/updated tests if applicable

[vercel]

@Mash4-4-4-4 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.