Composant React Native

Spécifications pour le composant de gestion des catégories et des services
Objectif : Développer une interface glisser-déposer (drag-and-drop) en React Native permettant de réorganiser des catégories et des services, en respectant les interactions suivantes.

1. Fonctionnalités principales :
Affichage des catégories :

Les catégories sont listées verticalement, chacune sous forme de section indépendante.
Chaque catégorie possède un bouton de glisser-déposer permettant de réorganiser les catégories sauf une catégorie spécifique intitulée "Sans catégorie", qui reste fixe en haut de la liste.
Affichage des services :

Les services sont affichés sous leurs catégories respectives mais restent visuellement distincts.
Chaque service possède un bouton permettant de glisser-déposer pour :
Réorganiser les services au sein de la même catégorie.
Déplacer un service vers une autre catégorie.
Déplacer un service vers la catégorie "Sans catégorie" en le positionnant tout en haut.
Réorganisation des catégories :

Les catégories (sauf "Sans catégorie") peuvent être déplacées pour modifier leur ordre.
Lorsque l'utilisateur commence à déplacer une catégorie, toutes les catégories s'alignent verticalement avec un espace vide qui se forme pour indiquer la nouvelle position possible.
Réorganisation des services :

Les services peuvent être déplacés à l'intérieur de la même catégorie ou entre différentes catégories.
Lorsqu'un service est déplacé, une zone cible s'affiche pour indiquer où il sera déposé.
Interaction fluide et intuitive :

Les éléments doivent rester à leur position actuelle jusqu'à ce qu'un nouvel emplacement soit validé en relâchant l'élément.
Une animation fluide doit indiquer le mouvement des éléments glissés.
2. Comportement attendu lors de l'interaction :
Drag-and-Drop :

Lorsqu'un utilisateur commence à déplacer une catégorie ou un service :
L'élément en mouvement passe au premier plan.
Les autres éléments restent visibles mais s'écartent légèrement pour indiquer la position possible du dépôt.
Lorsque l'utilisateur relâche l'élément :
L'élément se repositionne dans la zone cible sélectionnée.
Visibilité des services lors de la sélection des catégories :

Si une catégorie est sélectionnée pour être déplacée, seuls les noms des catégories restent visibles (les services sont temporairement masqués).
Dès que le déplacement est terminé, les services réapparaissent sous leurs catégories respectives.
3. Contraintes techniques :
Technologies :

React Native
Performance :

Le composant doit être performant, même avec un grand nombre de catégories et de services (par exemple, 20 catégories avec 50 services au total).