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

@@ -1,20 +1,23 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { Database, Save, Settings, ShieldX } from "lucide-react";
 import { useSession } from "next-auth/react";
-import { Company } from "../../../lib/types";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { useEffect, useId, useState } from "react";
+import { Alert, AlertDescription } from "@/components/ui/alert";
 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 { Alert, AlertDescription } from "@/components/ui/alert";
-import { ShieldX, Settings, Save, Database } from "lucide-react";
+import type { Company } from "../../../lib/types";
 
 export default function CompanySettingsPage() {
+  const csvUrlId = useId();
+  const csvUsernameId = useId();
+  const csvPasswordId = useId();
   const { data: session, status } = useSession();
   // We store the full company object for future use and updates after save operations
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  const [company, setCompany] = useState<Company | null>(null);
+  const [_company, setCompany] = useState<Company | null>(null);
   const [csvUrl, setCsvUrl] = useState<string>("");
   const [csvUsername, setCsvUsername] = useState<string>("");
   const [csvPassword, setCsvPassword] = useState<string>("");
@@ -156,9 +159,9 @@ export default function CompanySettingsPage() {
               </CardHeader>
               <CardContent className="space-y-4">
                 <div className="space-y-2">
-                  <Label htmlFor="csvUrl">CSV Data Source URL</Label>
+                  <Label htmlFor={csvUrlId}>CSV Data Source URL</Label>
                   <Input
-                    id="csvUrl"
+                    id={csvUrlId}
                     type="text"
                     value={csvUrl}
                     onChange={(e) => setCsvUrl(e.target.value)}
@@ -168,9 +171,9 @@ export default function CompanySettingsPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="csvUsername">CSV Username</Label>
+                  <Label htmlFor={csvUsernameId}>CSV Username</Label>
                   <Input
-                    id="csvUsername"
+                    id={csvUsernameId}
                     type="text"
                     value={csvUsername}
                     onChange={(e) => setCsvUsername(e.target.value)}
@@ -180,9 +183,9 @@ export default function CompanySettingsPage() {
                 </div>
 
                 <div className="space-y-2">
-                  <Label htmlFor="csvPassword">CSV Password</Label>
+                  <Label htmlFor={csvPasswordId}>CSV Password</Label>
                   <Input
-                    id="csvPassword"
+                    id={csvPasswordId}
                     type="password"
                     value={csvPassword}
                     onChange={(e) => setCsvPassword(e.target.value)}