use react dnd kit to make dragable and dropablae component there are three components one thats 20 percent of the container width one that 30 and the other thats 50 set up into a row.I want to configure which component comes first by dragging and dropping.The size of each component is constant | A shadcn/ui and v0 generation - v0
