test(resumeupload): add responsive breakpoint coverage (JhaSourav07#3227)

## Description

Fixes JhaSourav07#2719

This PR adds the new test file:

`components/dashboard/ResumeUpload.responsive-breakpoints.test.tsx`

The new test suite validates responsive rendering behavior for
`ResumeUpload.tsx` across mobile, tablet, and desktop viewport sizes. It
also verifies that upload controls remain accessible and stable on
smaller screens without responsive layout failures.

## Pillar

* [x] 🛠️ Other (Bug fix, refactoring, docs)

## Visual Preview

N/A (test coverage update)

## 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).
* [x] (Recommended) I joined the CommitPulse Discord community for
contributor discussions, mentorship, and faster PR support.

Author: JhaSourav07

components/dashboard/ResumeUpload.responsive-breakpoints.test.tsx

@@ -0,0 +1,67 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import ResumeUpload from './ResumeUpload';
+import type { ReactNode, HTMLAttributes } from 'react';
+import '@testing-library/jest-dom';
+
+vi.mock('framer-motion', () => ({
+  motion: {
+    div: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & { children?: ReactNode }) => (
+      <div {...props}>{children}</div>
+    ),
+  },
+  AnimatePresence: ({ children }: { children: ReactNode }) => <>{children}</>,
+}));
+
+describe('ResumeUpload responsive breakpoints', () => {
+  const onParsed = vi.fn();
+  const onError = vi.fn();
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+
+    Object.defineProperty(window, 'innerWidth', {
+      writable: true,
+      configurable: true,
+      value: 375,
+    });
+  });
+
+  it('renders correctly on mobile viewport', () => {
+    render(<ResumeUpload onParsed={onParsed} onError={onError} />);
+
+    expect(screen.getByLabelText('Upload resume')).toBeInTheDocument();
+  });
+
+  it('supports narrow mobile widths without crashing', () => {
+    window.innerWidth = 320;
+
+    render(<ResumeUpload onParsed={onParsed} onError={onError} />);
+
+    expect(screen.getByLabelText('Upload resume')).toBeVisible();
+  });
+
+  it('renders upload interface on tablet viewport', () => {
+    window.innerWidth = 768;
+
+    render(<ResumeUpload onParsed={onParsed} onError={onError} />);
+
+    expect(screen.getByLabelText('Upload resume')).toBeInTheDocument();
+  });
+
+  it('renders upload interface on desktop viewport', () => {
+    window.innerWidth = 1280;
+
+    render(<ResumeUpload onParsed={onParsed} onError={onError} />);
+
+    expect(screen.getByLabelText('Upload resume')).toBeInTheDocument();
+  });
+
+  it('maintains accessible upload controls across breakpoints', () => {
+    render(<ResumeUpload onParsed={onParsed} onError={onError} />);
+
+    const input = screen.getByLabelText('Upload resume');
+
+    expect(input).toHaveAttribute('type', 'file');
+  });
+});