test(Icons): create app/components/Icons.test.tsx (JhaSourav07#3560)

## Description

Creates `app/components/Icons.test.tsx` with 6 unit tests verifying each
exported icon renders as a valid SVG with correct width, height,
strokeWidth, and stroke color attributes.

Fixes JhaSourav07#2285 

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

## 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.
- [ ] The SVG output matches the CommitPulse "premium quality" aesthetic
standard (no raw elements, smooth animations, correct fonts).
- [x] (Recommended) I joined the CommitPulse Discord community for
contributor discussions, mentorship, and faster PR support.

Author: JhaSourav07

app/components/Icons.test.tsx

@@ -0,0 +1,62 @@
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import { describe, it, expect } from 'vitest';
+import { CopyIcon, ZapIcon, BoxIcon, CheckIcon, CloseIcon } from './Icons';
+
+describe('Icons', () => {
+  it('renders all 5 icons as valid SVG elements without crashing', () => {
+    const icons = [CopyIcon, ZapIcon, BoxIcon, CheckIcon, CloseIcon];
+
+    icons.forEach((Icon) => {
+      const { container } = render(<Icon />);
+      const svg = container.querySelector('svg');
+      expect(svg).toBeInTheDocument();
+    });
+  });
+
+  it('renders CopyIcon with correct attributes', () => {
+    const { container } = render(<CopyIcon />);
+    const svg = container.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg).toHaveAttribute('width', '20');
+    expect(svg).toHaveAttribute('height', '20');
+    expect(svg).toHaveAttribute('stroke-width', '2');
+  });
+
+  it('renders ZapIcon with correct attributes', () => {
+    const { container } = render(<ZapIcon />);
+    const svg = container.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+    expect(svg).toHaveAttribute('stroke-width', '2');
+  });
+
+  it('renders BoxIcon with correct attributes', () => {
+    const { container } = render(<BoxIcon />);
+    const svg = container.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+    expect(svg).toHaveAttribute('stroke-width', '2');
+  });
+
+  it('renders CheckIcon with correct attributes including green stroke color', () => {
+    const { container } = render(<CheckIcon />);
+    const svg = container.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg).toHaveAttribute('width', '20');
+    expect(svg).toHaveAttribute('height', '20');
+    expect(svg).toHaveAttribute('stroke-width', '3');
+    expect(svg).toHaveAttribute('stroke', '#10b981');
+  });
+
+  it('renders CloseIcon with correct attributes', () => {
+    const { container } = render(<CloseIcon />);
+    const svg = container.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg).toHaveAttribute('width', '18');
+    expect(svg).toHaveAttribute('height', '18');
+    expect(svg).toHaveAttribute('stroke-width', '2.5');
+  });
+});