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/sessions/[id]/page.tsx

@@ -1,27 +1,27 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import {
+  Activity,
+  AlertCircle,
+  ArrowLeft,
+  Clock,
+  ExternalLink,
+  FileText,
+  Globe,
+  MessageSquare,
+  User,
+} from "lucide-react";
+import Link from "next/link";
 import { useParams, useRouter } from "next/navigation";
 import { useSession } from "next-auth/react";
-import SessionDetails from "../../../../components/SessionDetails";
-import MessageViewer from "../../../../components/MessageViewer";
-import { ChatSession } from "../../../../lib/types";
-import { formatCategory } from "@/lib/format-enums";
-import Link from "next/link";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
+import { useEffect, useState } from "react";
 import { Badge } from "@/components/ui/badge";
-import {
-  ArrowLeft,
-  MessageSquare,
-  Clock,
-  Globe,
-  ExternalLink,
-  User,
-  AlertCircle,
-  FileText,
-  Activity,
-} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { formatCategory } from "@/lib/format-enums";
+import MessageViewer from "../../../../components/MessageViewer";
+import SessionDetails from "../../../../components/SessionDetails";
+import type { ChatSession } from "../../../../lib/types";
 
 export default function SessionViewPage() {
   const params = useParams();

app/dashboard/sessions/page.tsx

@@ -1,26 +1,26 @@
 "use client";
 
-import { useState, useEffect, useCallback } from "react";
-import { ChatSession } from "../../../lib/types";
-import Link from "next/link";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Badge } from "@/components/ui/badge";
-import { formatCategory } from "@/lib/format-enums";
 import {
-  MessageSquare,
-  Search,
-  Filter,
+  ChevronDown,
   ChevronLeft,
   ChevronRight,
-  Clock,
-  Globe,
-  Eye,
-  ChevronDown,
   ChevronUp,
+  Clock,
+  Eye,
+  Filter,
+  Globe,
+  MessageSquare,
+  Search,
 } from "lucide-react";
+import Link from "next/link";
+import { useCallback, 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";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { formatCategory } from "@/lib/format-enums";
+import type { ChatSession } from "../../../lib/types";
 
 // Placeholder for a SessionListItem component to be created later
 // For now, we'll display some basic info directly.
@@ -59,7 +59,7 @@ export default function SessionsPage() {
   const [currentPage, setCurrentPage] = useState(1);
   const [totalPages, setTotalPages] = useState(0);
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  const [pageSize, setPageSize] = useState(10); // Or make this configurable
+  const [pageSize, _setPageSize] = useState(10); // Or make this configurable
 
   // UI states
   const [filtersExpanded, setFiltersExpanded] = useState(false);
@@ -404,7 +404,7 @@ export default function SessionsPage() {
 
         {/* Sessions List */}
         {!loading && !error && sessions.length > 0 && (
-          <ul role="list" aria-label="Chat sessions" className="grid gap-4">
+          <ul aria-label="Chat sessions" className="grid gap-4">
             {sessions.map((session) => (
               <li key={session.id}>
                 <Card className="hover:shadow-md transition-shadow">