feat: hook up streak card with real data from api

[Yashaswini-K-P]

Description

This PR connects the user profile's streak card (-- DAYS placeholders) to real data fetched from the backend API, dynamically rendering the current and longest streak values.

Linked Issue

Fixes #196

Changes Made

• Created a dedicated streak.js module to extract and update streak values (current and longest) from the user API response.
• Integrated loadStreakData into profile-controller.js to initialize the streak card dynamically.

Type of Change

• Bug fix
• New feature
• UI/Visual update
• Documentation update
• Refactor

Testing

• Tested locally
• Tested on mobile viewport (if applicable)
• No console errors introduced

Checklist

• My code follows the project's coding style
• I have formatted my code locally by running npx prettier --write . before submitting
• I am submitting my PR from a dedicated feature/* branch, not the main branch
• I have performed a self-review of my code
• My changes generate no new warnings or errors
• I have updated documentation if required
• I have linked the relevant issue

Screenshots / Screen Recording

[github-actions]

Thank you for submitting a pull request.

Please ensure your changes comply with the project's contribution guidelines and that all workflow checks pass successfully.

Formatting and Branching

• Please confirm you have formatted your code locally using npx prettier --write . before requesting a review.
• Ensure this PR is made from a feature/* branch and not main.

Note: This project is currently maintained by a solo maintainer, so reviews and responses may sometimes take a little time. Thanks for your patience.