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/components/complex-courts-section.tsx

@@ -1,27 +1,25 @@
-import { useState } from 'react'
-import { useQuery } from '@tanstack/react-query'
-import { type Court, type CreateCourtInput } from '@repo/api-contract'
-import { MapPin } from 'lucide-react'
-import { apiClient } from '@/lib/api-client'
-import { CourtFormSection } from './court-form-section'
-import { CourtListSection } from './court-list-section'
-import { Separator } from '@/components/ui/separator'
+import { Separator } from '@/components/ui/separator';
+import { apiClient } from '@/lib/api-client';
+import { type Court, type CreateCourtInput } from '@repo/api-contract';
+import { useQuery } from '@tanstack/react-query';
+import { MapPin } from 'lucide-react';
+import { useState } from 'react';
+import { CourtFormSection } from './court-form-section';
+import { CourtListSection } from './court-list-section';
 
 type ComplexCourtsSectionProps = {
-  complexId: string | null
-}
+  complexId: string | null;
+};
 
-export function ComplexCourtsSection({
-  complexId,
-}: ComplexCourtsSectionProps) {
-  const [editingCourt, setEditingCourt] = useState<Court | null>(null)
-  const [initialDraft, setInitialDraft] = useState<CreateCourtInput | null>(null)
+export function ComplexCourtsSection({ complexId }: ComplexCourtsSectionProps) {
+  const [editingCourt, setEditingCourt] = useState<Court | null>(null);
+  const [initialDraft, setInitialDraft] = useState<CreateCourtInput | null>(null);
 
   const courtsQuery = useQuery({
     queryKey: ['courts', complexId],
     enabled: Boolean(complexId),
     queryFn: () => apiClient.courts.listByComplex(complexId as string),
-  })
+  });
 
   return (
     <section className="mt-6 rounded-xl border bg-card p-5">
@@ -30,16 +28,14 @@ export function ComplexCourtsSection({
         <h3 className="text-lg font-medium">Canchas</h3>
       </div>
       <Separator className="my-4" />
-      <p className="mb-4 text-sm text-muted-foreground">
-        Alta y edición de canchas del complejo.
-      </p>
+      <p className="mb-4 text-sm text-muted-foreground">Alta y edición de canchas del complejo.</p>
 
       <CourtFormSection
         complexId={complexId}
         editingCourt={editingCourt}
         initialDraft={initialDraft}
         onCancelEdit={() => {
-          setEditingCourt(null)
+          setEditingCourt(null);
         }}
       />
 
@@ -48,7 +44,7 @@ export function ComplexCourtsSection({
         isLoading={courtsQuery.isLoading}
         isError={courtsQuery.isError}
         onDuplicateCourt={(court) => {
-          setEditingCourt(null)
+          setEditingCourt(null);
           setInitialDraft({
             name: `${court.name} - Copy`,
             sportId: court.sportId,
@@ -59,15 +55,15 @@ export function ComplexCourtsSection({
               startTime: slot.startTime,
               endTime: slot.endTime,
             })),
-          })
-          window.scrollTo({ top: 0, behavior: 'smooth' })
+          });
+          window.scrollTo({ top: 0, behavior: 'smooth' });
         }}
         onEditCourt={(court) => {
-          setInitialDraft(null)
-          setEditingCourt(court)
-          window.scrollTo({ top: 0, behavior: 'smooth' })
+          setInitialDraft(null);
+          setEditingCourt(court);
+          window.scrollTo({ top: 0, behavior: 'smooth' });
         }}
       />
     </section>
-  )
+  );
 }