test:verify footer responsiveness and accessibility structure JhaSourav07#1514 (JhaSourav07#1943)

## Description
Closes JhaSourav07#1514

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


## Checklist before requesting a review:
- [x] I have read the `CONTRIBUTING.md` file.
- [x] I have tested these changes locally.
- [x] I have run `npm run format` and `npm run lint` locally and
resolved all errors.
- [x] My commits follow the Conventional Commits format.
- [x] I have made sure that I have only one commit to merge in this PR.

## Visual Preview
*(Unit tests written in Vitest to automate structural, accessibility,
and breakpoint rendering)*
<img width="1322" height="650" alt="Done"
src="https://github.com/user-attachments/assets/9d9216a3-da63-4ff2-bc25-44d7d6c5e30a"
/>

Author: JhaSourav07

app/components/Footer.test.tsx

@@ -1,91 +1,82 @@
-import { describe, it, expect } from 'vitest';
+import '@testing-library/jest-dom/vitest';
 import { render, screen } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
 import { Footer } from './Footer';
 
 describe('Footer Component', () => {
   it('renders community text', () => {
     render(<Footer />);
 
-    const text = screen.getByText(/Designed for the elite builder community/i);
-
-    expect(text).toBeTruthy();
+    expect(screen.getByText(/Designed for the elite builder community/i)).toBeInTheDocument();
   });
 
-  it('renders Documentation link', () => {
+  it('renders Documentation link with the correct destination', () => {
     render(<Footer />);
 
-    const docLink = screen.getByText(/Documentation/i);
-
-    expect(docLink).toBeTruthy();
+    const documentationLink = screen.getByRole('link', {
+      name: /Documentation/i,
+    });
 
-    expect(docLink.closest('a')?.getAttribute('href')).toBe(
+    expect(documentationLink).toHaveAttribute(
+      'href',
       'https://github.com/JhaSourav07/commitpulse/blob/main/README.md'
     );
   });
 
-  it('opens documentation in new tab', () => {
+  it('opens Documentation link in a new tab securely', () => {
     render(<Footer />);
 
-    const docLink = screen.getByText(/Documentation/i);
+    const documentationLink = screen.getByRole('link', {
+      name: /Documentation/i,
+    });
 
-    expect(docLink.closest('a')?.getAttribute('target')).toBe('_blank');
+    expect(documentationLink).toHaveAttribute('target', '_blank');
+    expect(documentationLink).toHaveAttribute('rel', expect.stringContaining('noopener'));
+    expect(documentationLink).toHaveAttribute('rel', expect.stringContaining('noreferrer'));
   });
 
   it('renders Contributors link', () => {
     render(<Footer />);
 
-    const contributorsLink = screen.getByText(/Contributors/i);
-
-    expect(contributorsLink).toBeTruthy();
+    expect(
+      screen.getByRole('link', {
+        name: /Contributors/i,
+      })
+    ).toBeInTheDocument();
   });
 
-  describe('responsive links and footer tag', () => {
-    it.each([
-      ['mobile', 375],
-      ['desktop', 1280],
-    ])('renders documented links and the footer tag at the %s breakpoint', (_breakpoint, width) => {
-      window.innerWidth = width;
-
-      const { container } = render(<Footer />);
-
-      const layout = container.querySelector('.flex.flex-col.md\\:flex-row');
-      const contributorsLink = screen.getByRole('link', { name: 'Contributors' });
-      const documentationLink = screen.getByRole('link', { name: 'Documentation' });
-      const creatorLink = screen.getByRole('link', { name: 'Creator' });
-
-      expect(layout).toBeTruthy();
-      expect(contributorsLink.getAttribute('href')).toBe('/contributors');
-      expect(documentationLink.getAttribute('href')).toBe(
-        'https://github.com/JhaSourav07/commitpulse/blob/main/README.md'
-      );
-      expect(creatorLink.getAttribute('href')).toBe('https://github.com/jhasourav07');
-      expect(screen.getByText(/2026 CommitPulse\. All rights reserved\./i)).toBeTruthy();
-    });
-  });
-});
-it('renders CommitPulse heading', () => {
-  render(<Footer />);
-
-  const heading = screen.getByText('CommitPulse');
-
-  expect(heading).toBeTruthy();
-});
-it('renders Creator link', () => {
-  render(<Footer />);
+  it('exposes the footer as a semantic contentinfo landmark for screen readers', () => {
+    render(<Footer />);
 
-  const creatorLink = screen.getByText(/Creator/i);
+    // A semantic <footer> is exposed to assistive technology as the contentinfo landmark.
+    const footer = screen.getByRole('contentinfo');
 
-  expect(creatorLink).toBeTruthy();
-});
-it('creator link points to GitHub profile', () => {
-  render(<Footer />);
-
-  const creatorLink = screen.getByText(/Creator/i);
+    expect(footer).toBeInTheDocument();
+    expect(footer.tagName).toBe('FOOTER');
+  });
 
-  expect(creatorLink.closest('a')?.getAttribute('href')).toBe('https://github.com/jhasourav07');
-});
-it('renders copyright text', () => {
-  render(<Footer />);
+  it('includes responsive layout classes for mobile and desktop breakpoints', () => {
+    render(<Footer />);
 
-  expect(screen.getByText(/© 2026 CommitPulse. All rights reserved./i)).toBeTruthy();
+    const footer = screen.getByRole('contentinfo');
+
+    // JSDOM cannot calculate Tailwind media queries, so this verifies the actual
+    // responsive utility classes that switch the footer layout at the md breakpoint.
+    const responsiveLayout = footer.querySelector('.flex.flex-col.md\\:flex-row.md\\:items-start');
+
+    expect(responsiveLayout).toBeInTheDocument();
+    expect(responsiveLayout).toHaveClass(
+      'mx-auto',
+      'flex',
+      'max-w-6xl',
+      'flex-col',
+      'items-center',
+      'justify-between',
+      'gap-6',
+      'text-sm',
+      'md:flex-row',
+      'md:items-start',
+      'md:gap-0'
+    );
+  });
 });

app/page.tsx

@@ -15,6 +15,7 @@ import { Footer } from '@/app/components/Footer';
 
 import { FeatureCard, FeatureCardsSection } from '@/components/FeatureCards';
 import { DiscordButton } from '@/components/DiscordButton';
+
 import { WallOfLove } from '@/components/WallOfLove';
 
 const Icons = {

components/WallOfLove.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useRef, useState, useEffect, type ReactNode } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import gsap from 'gsap';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import { motion } from 'framer-motion';