Jak animować zmianę kolejności elementów?

Hej,

mam komponent w którym poprzez klikniecie wybieram jeden lub wiele elementów z listy. Po kliknięciu kolor tła elementu się zmienia i zostaje on przesunięty na początek listy. W jaki sposób mogę dodać animacje żeby element ładnie się przesunął na początek listy?

Tutaj jest mój kod: https://stackblitz.com/edit/react-ts-9aashs?file=App.tsx,index.tsx.

Niestety z jakegoś powodu tailwind nie działa. Będę wdzięczny jeśli ktoś mogłby zerknąć :) Jeśli potrzebna jest do tego jakaś biblioteka to najlepiej by było gdyby dało się to zrobić z framer-motion

Kokos12345 napisał(a):

Niestety z jakegoś powodu tailwind nie działa.

A "nie działa" tzn.?

Tutaj masz przykład jak to można zrobić w JS i CSS: https://stackoverflow.com/questions/18846481/use-transition-on-flexbox-order