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>

.playground/pages/index.vue

@@ -113,12 +113,20 @@ const groups = computed<Group[]>(() => {
     categoryMap.get(category)!.push({name, label: name})
   })
 
-  return Array.from(categoryMap.entries())
+  const componentGroups = Array.from(categoryMap.entries())
     .sort(([a], [b]) => a.localeCompare(b))
     .map(([category, items]) => ({
       category: category.charAt(0).toUpperCase() + category.slice(1),
       items: items.sort((a, b) => a.label.localeCompare(b.label)),
     }))
+
+  return [
+    ...componentGroups,
+    {
+      category: 'Form',
+      items: [{name: 'client', label: 'Client'}],
+    },
+  ]
 })
 
 const openCategories = reactive(new Set<string>())