test: resolve language chart test conflict (JhaSourav07#819)

## Description

Adds a test for `LanguageChart` to clarify rendering behavior when more
than 5 languages are passed to the component.

Currently, `getFullDashboardData` slices the language list to 5, but
`LanguageChart` itself does not enforce this limit. This PR adds a test
documenting the current expected behavior and helping prevent silent
regressions in the future.

Fixes JhaSourav07#737

---

## Pillar

* [ ] 🎨 Pillar 1 — New Theme Design
* [ ] 📐 Pillar 2 — Geometric SVG Improvement
* [ ] 🕐 Pillar 3 — Timezone Logic Optimization
* [x] 🛠️ Other (Bug fix, refactoring, docs)

---

## Visual Preview

N/A — test-only change.

---

## Checklist before requesting a review:

* [x] I have read the `CONTRIBUTING.md` file.
* [x] I have tested these changes locally
(`localhost:3000/api/streak?user=YOUR_USERNAME`).
* [x] I have run `npm run format` and `npm run lint` locally and
resolved all errors (CI will fail otherwise).
* [x] My commits follow the Conventional Commits format (e.g.,
`feat(themes): ...`, `fix(calculate): ...`).
* [ ] I have updated `README.md` if I added a new theme or URL
parameter.
* [x] I have started the repo.
* [x] I have made sure that i have only one commit to merge in this PR.
* [x] The SVG output matches the CommitPulse "premium quality" aesthetic
standard (no raw elements, smooth animations, correct fonts).
* [ ] (Recommended) I joined the CommitPulse Discord community for
contributor discussions, mentorship, and faster PR support.

Author: JhaSourav07

components/dashboard/LanguageChart.test.tsx

@@ -44,11 +44,27 @@ describe('LanguageChart', () => {
     expect(screen.getByText('JavaScript')).toBeDefined();
   });
 
-  it('renders donut background with language color and percentage', () => {
-    const result = buildGradientStops([{ name: 'TypeScript', percentage: 100, color: '#3178c6' }]);
+  it('renders every language row passed to the component', () => {
+    const languages = [
+      { name: 'TypeScript', percentage: 30, color: '#3178c6' },
+      { name: 'JavaScript', percentage: 20, color: '#f1e05a' },
+      { name: 'Python', percentage: 15, color: '#3572A5' },
+      { name: 'Go', percentage: 12, color: '#00ADD8' },
+      { name: 'Rust', percentage: 8, color: '#dea584' },
+      { name: 'Ruby', percentage: 6, color: '#701516' },
+      { name: 'PHP', percentage: 5, color: '#4F5D95' },
+      { name: 'CSS', percentage: 4, color: '#563d7c' },
+    ];
 
-    expect(result).toContain('#3178c6');
-    expect(result).toContain('100%');
+    render(<LanguageChart languages={languages} />);
+
+    const renderedLanguageNameElements = screen.getAllByText(
+      (content, element) =>
+        languages.some((language) => language.name === content) &&
+        element?.className === 'text-[#A1A1AA]'
+    );
+
+    expect(renderedLanguageNameElements).toHaveLength(8);
   });
 });