feat: Refactor carousel component and add new event card

- Updated ClientCarousel to accept props for dynamic image rendering.
- Changed CarouselProps interface to export for better type usage.
- Enhanced Carousel component to handle default images and improved styling.
- Introduced EventoCard component for displaying event details with dynamic data.
- Added MarkdownRenderer for rendering markdown content in EventoCard.
- Removed old Formulario component and replaced it with FormularioRegistro for better structure.
- Implemented prefetching logic in FormularioRegistro to auto-fill user data based on account info.
- Created PrefetchAbiertaCorta component for handling short answer questions with pre-filled data.
- Added useGetApi hook for simplified API data fetching.
- Updated plantillas data to include validation types for new form fields.
- Introduced new types for event and questionnaire handling in TypeScript.
- Enhanced styles for better UI/UX, including carousel controls and required field indicators.

src/styles/sass/bootstrap.scss

@@ -30,6 +30,12 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
 @import 'animation';
 @import './global.scss';
 
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)
+    brightness(200%);
+}
+
 //Add additional custom code here
 
 @include media-breakpoint-up(lg) {
@@ -73,6 +79,7 @@ ul.list-unstyled li {
     position: relative;
     overflow: hidden;
     margin: -1.5rem 1rem 0;
+    cursor: pointer;
     @extend .rounded;
     @extend .shadow;
 
@@ -83,7 +90,7 @@ ul.list-unstyled li {
       left: 0;
       width: 100%;
       height: 80%; // ajusta según el tamaño deseado
-      background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
+      background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
       pointer-events: none;
       z-index: 1;
     }
@@ -98,13 +105,20 @@ ul.list-unstyled li {
 
     .card-caption {
       position: absolute;
-      bottom: 15px;
+      bottom: 5px;
       left: 15px;
       color: #fff;
+      font-weight: bold;
       font-size: 1.25rem;
       text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
       z-index: 2;
     }
+
+    .card-description {
+      > p {
+        margin: 0;
+      }
+    }
   }
 
   .table {
@@ -139,3 +153,14 @@ ul.list-unstyled li {
 input {
   --bs-body-bg: #fff;
 }
+
+.required {
+  position: relative;
+  &::after {
+    content: '*';
+    position: absolute;
+    color: red;
+    font-weight: bold;
+    margin-left: 10px;
+  }
+}