fix: use UTC date parsing for contribution tooltips

Author: anshika1179

components/InteractiveViewer.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { describe, it, expect, beforeEach, vi } from 'vitest';
-import InteractiveViewer from './InteractiveViewer';
+import InteractiveViewer, { formatDate } from './InteractiveViewer';
 
 // getBoundingClientRect is not implemented in jsdom — mock it so mouse-position
 // tests can assert normalized values without relying on a real layout engine.
@@ -23,6 +23,23 @@ beforeEach(() => {
   Element.prototype.releasePointerCapture = vi.fn();
 });
 
+describe('formatDate', () => {
+  it('formats valid UTC date strings correctly', () => {
+    expect(formatDate('2025-06-15')).toBe('Jun 15, 2025');
+    expect(formatDate('2025-01-01')).toBe('Jan 1, 2025');
+    expect(formatDate('2025-12-31')).toBe('Dec 31, 2025');
+  });
+
+  it('returns empty string for empty input', () => {
+    expect(formatDate('')).toBe('');
+  });
+
+  it('returns original string for malformed input', () => {
+    expect(formatDate('2025-06')).toBe('2025-06');
+    expect(formatDate('invalid-date-string')).toBe('invalid-date-string');
+  });
+});
+
 describe('InteractiveViewer', () => {
   // ── Existing behaviour ────────────────────────────────────────────────────
 

components/InteractiveViewer.tsx

@@ -56,7 +56,7 @@ interface ActiveTooltipState {
   y: number;
 }
 
-const formatDate = (dateStr: string): string => {
+export const formatDate = (dateStr: string): string => {
   if (!dateStr) return '';
   const parts = dateStr.split('-');
   if (parts.length !== 3) return dateStr;
@@ -65,8 +65,10 @@ const formatDate = (dateStr: string): string => {
   const day = parseInt(parts[2], 10);
   if (isNaN(year) || isNaN(month) || isNaN(day)) return dateStr;
   try {
-    const date = new Date(year, month - 1, day);
+    const date = new Date(`${dateStr}T00:00:00Z`);
+    if (isNaN(date.getTime())) return dateStr;
     const formatted = date.toLocaleDateString('en-US', {
+      timeZone: 'UTC',
       month: 'short',
       day: 'numeric',
       year: 'numeric',