Update Informacion component to display concert date and improve seat type selection

ventaboletos/src/components/vistas/Informacion.jsx

@@ -77,10 +77,8 @@ function Informacion() {
       <Dialog open={open} onOpenChange={setOpen}>
         <DialogContent>
           <DialogHeader>
-            <DialogTitle>{selectedConcierto?.name}</DialogTitle>
-            <p className="text-sm text-gray-600">
-              {selectedConcierto?.location}
-            </p>
+            <DialogTitle>{selectedConcierto?.nombre}</DialogTitle>
+            <p className="text-sm text-gray-600">{selectedConcierto?.fecha}</p>
           </DialogHeader>
           <div className="space-y-4">
             <Select onValueChange={setTipoAsiento}>
@@ -88,9 +86,11 @@ function Informacion() {
                 <SelectValue placeholder="Selecciona un tipo de asiento" />
               </SelectTrigger>
               <SelectContent>
-                {tipoAsiento?.map((tipo) => {
-                  <SelectItem value={tipo}>{tipo.categoria}</SelectItem>;
-                })}
+                {tipoAsiento?.map((tipo) => (
+                  <SelectItem key={tipo.categoria} value={tipo.categoria}>
+                    {tipo.categoria}
+                  </SelectItem>
+                ))}
               </SelectContent>
             </Select>
           </div>
@@ -98,7 +98,7 @@ function Informacion() {
             <Button variant="outline" onClick={() => setOpen(false)}>
               Cancelar
             </Button>
-            <Button> Aceptar</Button>
+            <Button>Aceptar</Button>
           </div>
         </DialogContent>
       </Dialog>