fix: align current_streak and peak_streak with labels in 3D model (JhaSourav07#618)

## Description

Fixes JhaSourav07#612 

## Pillar

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

## Visual Preview
<img width="966" height="604" alt="image"
src="https://github.com/user-attachments/assets/a865ee8f-9745-4c21-8647-0ebf43ebc32a"
/>

## 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: TanCodeX

lib/svg/generator.ts

@@ -128,15 +128,15 @@ function renderStatsSection(
   const totalLabel = params.mode === 'loc' ? 'TOTAL LINES OF CODE' : labels.ANNUAL_SYNC_TOTAL;
 
   return `
-  <g transform="translate(${s(40)}, ${s(340)})">
+  <g transform="translate(${s(100)}, ${s(340)})" text-anchor="middle">
     <text class="label">${labels.CURRENT_STREAK}</text>
     <text y="${s(40)}" class="stats" filter="url(#glow)">${stats.currentStreak}</text>
   </g>
   <g transform="translate(${s(300)}, ${s(340)})" text-anchor="middle">
     <text class="label">${totalLabel}</text>
     <text y="${s(40)}" class="total-val" filter="url(#glow)">${stats.totalContributions}</text>
   </g>
-  <g transform="translate(${s(560)}, ${s(340)})" text-anchor="end">
+  <g transform="translate(${s(500)}, ${s(340)})" text-anchor="middle">
     <text class="label">${labels.PEAK_STREAK}</text>
     <text y="${s(40)}" class="stats">${stats.longestStreak}</text>
   </g>`;
@@ -782,7 +782,7 @@ export function generateNotFoundSVG(
     <text y="40" font-family="Space Grotesk,sans-serif" font-size="24"
       fill="${accent}" opacity="0.2">—</text>
   </g>
-  <g transform="translate(560, 340)" text-anchor="end">
+  <g transform="translate(500, 340)" text-anchor="middle">
     <text class="label">PEAK_STREAK</text>
     <text y="40" class="stats">—</text>
   </g>