test(generator): add coverage for exact SVG dimensions per size parameter (JhaSourav07#894)

## Description

Fixes JhaSourav07#723 

- Added focused generator test coverage to verify exact `SVG` `width`
and `height` values for `small`, `medium`, and `large` size presets.
- Removed the unused `escapeXML` import from `app/api/streak/route.ts`
to resolve the `npm run lint` warning and keep the CI/lint pipeline
clean.

## Pillar

- 🛠️ Other (Bug fix, refactoring, docs)

## Checklist before requesting a review:

- I have read the `CONTRIBUTING.md` file.
- I have tested these changes locally
(`localhost:3000/api/streak?user=YOUR_USERNAME`).
- I have run `npm run format` and `npm run lint` locally and resolved
all errors.
- My commits follow the Conventional Commits format.
- I have starred the repo.
- I have made sure that i have only one commit to merge in this PR.
- The SVG output matches the CommitPulse "premium quality" aesthetic
standard.

Author: JhaSourav07

app/components/HeroSection.test.tsx

@@ -1,4 +1,3 @@
-import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 import { HeroSection } from './HeroSection';
@@ -20,32 +19,32 @@ describe('HeroSection', () => {
       level: 1,
     });
 
-    expect(heading).toBeInTheDocument();
+    expect(heading).toBeDefined();
   });
 
   it("heading contains 'Elevate Your'", () => {
     render(<HeroSection />);
 
-    expect(screen.getByText(/Elevate Your/i)).toBeInTheDocument();
+    expect(screen.getByText(/Elevate Your/i)).toBeDefined();
   });
 
   it("heading contains 'Contribution Story'", () => {
     render(<HeroSection />);
 
-    expect(screen.getByText(/Contribution Story/i)).toBeInTheDocument();
+    expect(screen.getByText(/Contribution Story/i)).toBeDefined();
   });
 
   it('renders the descriptive paragraph', () => {
     render(<HeroSection />);
 
     const paragraph = screen.getByText(/isometric/i);
 
-    expect(paragraph).toBeInTheDocument();
+    expect(paragraph).toBeDefined();
   });
 
   it("paragraph mentions 'isometric'", () => {
     render(<HeroSection />);
 
-    expect(screen.getByText(/isometric/i)).toHaveTextContent(/isometric/i);
+    expect(screen.getByText(/isometric/i).textContent).toMatch(/isometric/i);
   });
 });

eslint.config.mjs

@@ -14,7 +14,11 @@ const eslintConfig = defineConfig([
     },
   },
   {
-    files: ['**/*.test.{js,jsx,ts,tsx}', '**/__tests__/**/*.{js,jsx,ts,tsx}', 'scripts/**/*.{js,jsx,ts,tsx}'],
+    files: [
+      '**/*.test.{js,jsx,ts,tsx}',
+      '**/__tests__/**/*.{js,jsx,ts,tsx}',
+      'scripts/**/*.{js,jsx,ts,tsx}',
+    ],
     rules: {
       'no-console': 'off',
     },

lib/svg/generator.test.ts

@@ -533,6 +533,41 @@ describe('generateSVG', () => {
       expect(svg).toContain('OCTOCAT');
     });
   });
+
+  describe('SVG dimensions per size', () => {
+    it('renders width="600" and height="420" for medium size (default)', () => {
+      const svg = generateSVG(
+        mockStats,
+        { user: 'avi', size: 'medium' } as unknown as BadgeParams,
+        mockCalendar
+      );
+
+      expect(svg).toContain('width="600"');
+      expect(svg).toContain('height="420"');
+    });
+
+    it('renders width="400" and height="280" for small size', () => {
+      const svg = generateSVG(
+        mockStats,
+        { user: 'avi', size: 'small' } as unknown as BadgeParams,
+        mockCalendar
+      );
+
+      expect(svg).toContain('width="400"');
+      expect(svg).toContain('height="280"');
+    });
+
+    it('renders width="800" and height="560" for large size', () => {
+      const svg = generateSVG(
+        mockStats,
+        { user: 'avi', size: 'large' } as unknown as BadgeParams,
+        mockCalendar
+      );
+
+      expect(svg).toContain('width="800"');
+      expect(svg).toContain('height="560"');
+    });
+  });
 });
 
 describe('generateMonthlySVG', () => {