refactor: update TabsList width and replace custom badge span with Badge component in HistoriaClinica

src/sections/HistoriaClinica.tsx

@@ -469,7 +469,7 @@ export function HistoriaClinica({
         <div className="w-full overflow-x-auto rounded-md pb-2">
           <Tabs className="w-full" value={tabActivo} onValueChange={setTabActivo}>
             <ScrollArea className="w-full rounded-md border bg-background whitespace-nowrap">
-              <TabsList>
+              <TabsList className="w-full">
                 <TabsTrigger value="evoluciones">
                   <FileText className="h-3 w-3 sm:h-4 sm:w-4" />
                   <span>Evoluciones</span>
@@ -1626,9 +1626,9 @@ function SeccionAcidosBase({ ab, patientId, add, update, del }: {
                               "red";
 
                       return (
-                        <span className={`badge badge-${color}`}>
+                        <Badge className={`bg-${color}`}>
                           {pf.toFixed(1)}
-                        </span>
+                        </Badge>
                       );
                     })()}</TableCell>