fix: add missing InteractiveViewer import (JhaSourav07#2239)

## Description

Fixes JhaSourav07#2227

This PR fixes the TypeScript typecheck failure caused by the missing
`InteractiveViewer` import in `app/page.tsx`.

### Changes Made

* Added the missing `InteractiveViewer` import
* Fixed `TS2304: Cannot find name 'InteractiveViewer'`
* Restored successful `npm run typecheck`

## 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 — This is a TypeScript/build fix.

## 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/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 import { trackUser } from '@/utils/tracking';
+import InteractiveViewer from '@/components/InteractiveViewer';
 
 import Link from 'next/link';
 import { useRef, useState, useEffect } from 'react';