Drag & drop attachements on the files tab

[Bonapara]

Current Behavior

In the "Files" tab, I have to click the "New file" button to add a file.

Desired Behavior

We would like to enable users to drag and drop files. The design should be a reusable component that can be used in various locations.

When a user drags a file to the window, the list of files or the empty state image disappears and is replaced by this dotted-line area.

Also make sure margin bottom is at 24px to be consistent with side-margins.

https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=19653-53231&mode=design&t=txqcMkvyI6oYlDZr-11

@brendanlaschke, thanks for the idea 🙌 closing #2804

[Kanav-Arora]

Hi @FelixMalfait I can work on this one

[FelixMalfait]

Thanks @Kanav-Arora 🙏