feat: add city/state/country to complex, new settings page with sidebar, and Biome linting

- Added city, state, and country optional fields to Complex model
- Updated onboarding to include optional location fields
- Created new settings page with sidebar navigation (Datos del Complejo, Canchas)
- Replaced ESLint with Biome for frontend and backend linting
- Added parallel dev script with concurrently
- Migrated register-routes to use direct app.route() pattern

apps/frontend/src/features/complex/complex-settings-page.tsx

@@ -1,35 +1,35 @@
-import { useEffect, useState } from 'react'
-import { useQuery } from '@tanstack/react-query'
-import { Building2, MapPin, Settings } from 'lucide-react'
-import { apiClient } from '@/lib/api-client'
-import { setCurrentComplexSlug } from '@/lib/current-complex'
-import { ComplexDetailsSection } from './components/complex-details-section'
-import { ComplexCourtsSection } from './components/complex-courts-section'
+import { apiClient } from '@/lib/api-client';
+import { setCurrentComplexSlug } from '@/lib/current-complex';
+import { useQuery } from '@tanstack/react-query';
+import { Building2, MapPin, Settings } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { ComplexCourtsSection } from './components/complex-courts-section';
+import { ComplexDetailsSection } from './components/complex-details-section';
 
 type ComplexSettingsPageProps = {
-  complexSlug: string
-}
+  complexSlug: string;
+};
 
-type TabOption = 'details' | 'courts'
+type TabOption = 'details' | 'courts';
 
 export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
-  const [activeTab, setActiveTab] = useState<TabOption>('details')
+  const [activeTab, setActiveTab] = useState<TabOption>('details');
 
   useEffect(() => {
-    setCurrentComplexSlug(complexSlug)
-  }, [complexSlug])
+    setCurrentComplexSlug(complexSlug);
+  }, [complexSlug]);
 
   const complexQuery = useQuery({
     queryKey: ['complex-by-slug', complexSlug],
     queryFn: () => apiClient.complexes.getBySlug(complexSlug),
-  })
+  });
 
-  const complexId = complexQuery.data?.id ?? null
+  const complexId = complexQuery.data?.id ?? null;
 
   const tabs = [
     { id: 'details' as const, label: 'Datos del complejo', icon: Building2 },
     { id: 'courts' as const, label: 'Canchas', icon: MapPin },
-  ]
+  ];
 
   return (
     <div className="mx-auto w-full max-w-6xl px-4 py-4 sm:px-6">
@@ -46,8 +46,8 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
       <div className="mt-6 grid gap-6 lg:grid-cols-[200px_1fr]">
         <nav className="flex flex-row gap-1 overflow-x-auto lg:flex-col lg:overflow-visible">
           {tabs.map((tab) => {
-            const Icon = tab.icon
-            const isActive = activeTab === tab.id
+            const Icon = tab.icon;
+            const isActive = activeTab === tab.id;
             return (
               <button
                 key={tab.id}
@@ -62,7 +62,7 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
                 <Icon className="size-4" />
                 {tab.label}
               </button>
-            )
+            );
           })}
         </nav>
 
@@ -75,13 +75,9 @@ export function ComplexSettingsPage({ complexSlug }: ComplexSettingsPageProps) {
             />
           )}
 
-          {activeTab === 'courts' && (
-            <ComplexCourtsSection
-              complexId={complexId}
-            />
-          )}
+          {activeTab === 'courts' && <ComplexCourtsSection complexId={complexId} />}
         </div>
       </div>
     </div>
-  )
+  );
 }