fix: problèmes de taille des champs + Ajout d'un playground form (#42)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Reviewed-on: #42
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

app/components/malio/select/SelectCheckbox.vue

@@ -129,8 +129,8 @@
       class="absolute left-0 right-0 z-20 max-h-60 w-full overflow-auto border-2 bg-white"
       :class="[
         openDirection === 'down'
-          ? 'top-[calc(100%-2px)] rounded-b-md border-t-0'
-          : 'bottom-[calc(100%-2px)] rounded-t-md border-b-0',
+          ? 'top-[calc(100%-4px)] rounded-b-md border-t-0'
+          : 'bottom-[calc(100%-4px)] rounded-t-md border-b-0',
         hasError
           ? 'select-scrollbar-error'
           : hasSuccess
@@ -222,8 +222,6 @@ const props = withDefaults(defineProps<{
   hint?: string
   error?: string
   success?: string
-  minWidth?: string
-  maxWidth?: string
   textField?: string
   textValue?: string
   textLabel?: string
@@ -240,8 +238,6 @@ const props = withDefaults(defineProps<{
   hint: '',
   error: '',
   success: '',
-  minWidth: 'w-96',
-  maxWidth: '',
   textField: 'text-lg',
   textValue: 'text-lg',
   textLabel: 'text-sm',
@@ -267,7 +263,7 @@ const listRef = ref<HTMLElement | null>(null)
 const listHeight = ref(0)
 const normalizedOptions = computed<Option[]>(() => props.options)
 const mergedGroupClass = computed(() =>
-  twMerge('relative w-full', props.minWidth, props.maxWidth, props.groupClass),
+  twMerge('relative w-full h-12 flex items-center', props.groupClass),
 )
 const hasError = computed(() => !!props.error)
 const hasSuccess = computed(() => !!props.success && !hasError.value)