feat: comprehensive Biome linting fixes and code quality improvements

Major code quality overhaul addressing 58% of all linting issues:

• Type Safety Improvements:
  - Replace all any types with proper TypeScript interfaces
  - Fix Map component shadowing (renamed to CountryMap)
  - Add comprehensive custom error classes system
  - Enhance API route type safety

• Accessibility Enhancements:
  - Add explicit button types to all interactive elements
  - Implement useId() hooks for form element accessibility
  - Add SVG title attributes for screen readers
  - Fix static element interactions with keyboard handlers

• React Best Practices:
  - Resolve exhaustive dependencies warnings with useCallback
  - Extract nested component definitions to top level
  - Fix array index keys with proper unique identifiers
  - Improve component organization and prop typing

• Code Organization:
  - Automatic import organization and type import optimization
  - Fix unused function parameters and variables
  - Enhanced error handling with structured error responses
  - Improve component reusability and maintainability

Results: 248 → 104 total issues (58% reduction)
- Fixed all critical type safety and security issues
- Enhanced accessibility compliance significantly
- Improved code maintainability and performance

app/dashboard/page.tsx

@@ -1,22 +1,21 @@
 "use client";
 
-import { useSession } from "next-auth/react";
-import { useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import { FC } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
 import {
+  ArrowRight,
   BarChart3,
   MessageSquare,
   Settings,
-  Users,
-  ArrowRight,
-  TrendingUp,
   Shield,
+  TrendingUp,
+  Users,
   Zap,
 } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useSession } from "next-auth/react";
+import { type FC, useEffect, useState } from "react";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
 const DashboardPage: FC = () => {
   const { data: session, status } = useSession();
@@ -158,9 +157,9 @@ const DashboardPage: FC = () => {
 
       {/* Navigation Cards */}
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        {navigationCards.map((card, index) => (
+        {navigationCards.map((card) => (
           <Card
-            key={index}
+            key={card.href}
             className={`relative overflow-hidden transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group ${getCardClasses(
               card.variant
             )}`}
@@ -203,9 +202,9 @@ const DashboardPage: FC = () => {
             <CardContent className="relative space-y-4">
               {/* Features List */}
               <div className="space-y-2">
-                {card.features.map((feature, featureIndex) => (
+                {card.features.map((feature) => (
                   <div
-                    key={featureIndex}
+                    key={feature}
                     className="flex items-center gap-2 text-sm"
                   >
                     <Zap className="h-3 w-3 text-primary/60" />