Enhance Footer Link Hover Interactions (JhaSourav07#3175)

## Description

Enhanced footer link hover interactions by:

- Adding a subtle hover lift effect
- Adding an animated underline effect
- Improving visual feedback while maintaining the existing design
language
- Supporting both light and dark themes

Fixes JhaSourav07#3080 

## Pillar

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

## Visual Preview

<img width="916" height="1280" alt="iiiii"
src="https://github.com/user-attachments/assets/e18a90d8-ac0d-46e4-9b66-2a8a358d4184"
/>


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

Author: JhaSourav07

app/components/Footer.tsx

@@ -79,7 +79,7 @@ function LinkComponent({
   className?: string;
   ariaLabel?: string;
 }) {
-  const baseClasses = `transition-colors duration-200 hover:text-black dark:hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:focus:ring-offset-zinc-950 rounded px-1 ${className}`;
+  const baseClasses = `group inline-block px-1 rounded transition-all duration-300 hover:-translate-y-[2px] hover:font-medium hover:text-teal-800 dark:hover:text-violet-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:focus:ring-offset-zinc-950 ${className}`;
 
   if (isExternal) {
     return (
@@ -90,14 +90,20 @@ function LinkComponent({
         className={baseClasses}
         aria-label={ariaLabel}
       >
-        {children}
+        <span className="relative inline-block">
+          {children}
+          <span className="absolute left-0 -bottom-px h-px w-0 bg-slate-500 dark:bg-slate-400 transition-all duration-500 ease-out group-hover:w-full" />
+        </span>
       </a>
     );
   }
 
   return (
     <Link href={href} className={baseClasses} aria-label={ariaLabel}>
-      {children}
+      <span className="relative inline-block">
+        {children}
+        <span className="absolute left-0 -bottom-px h-px w-0 bg-slate-500 dark:bg-slate-400 transition-all duration-500 ease-out group-hover:w-full" />
+      </span>
     </Link>
   );
 }