✨ Dragndrop feature to move a file into a folder (#138)

[Greemty]

This feature is implemented in its simplest version.

Resume of the feature :
You are able to drag a unique file (not folders) and drop it above a folder. This dragged file will be moved in the folder. A little info message is displayed to confirm the action.

Tools:

• https://dndkit.com/

To do:

• new language variable has been added for the info message. Yet just translated in French and English.
• Add highlights for over folder; need to create a HandleDragOver function...

Possible improvements :

• moving multiple files at once
• moving folder into folder (need of recursion for the folder content)

Demo Video

Enregistrement.de.l.ecran.2023-07-10.a.16.51.25.mov

[chibenwa]

Could you record a little video and upload it here?

It makes it easier to evaluate the resulting UX and is pretty quick to record.

[shepilov]

@Greemty could you please highlight the place where you are dropping the file and remove all the elements except the file name from the item that you are dragging

[Greemty]

Now the code for the modal has been simplified. Furthermore, now folder are highlighted when dragging a file over and dragged elements are just the file name.
A video example :

Enregistrement.de.l.ecran.2023-07-28.a.14.24.22.mov

In order to work you must run yarn add @dnd-kit/core