Add a basic look for the drop zone

[kvvinokurov]

This is:

• Bug
• Question

Expected Behavior

It is necessary that when you hover the file over the entire File component, the entire area would be a drop zone with a similar design.
example

Actual Behavior

Drop zone is presented as in the example, but it does not work because it has zero height.
<div {...getDropZoneProps({className: "myDropZone"})}/>

Steps to Reproduce the Problem

1. Add the code from the example
2. Move a file to the zone of the File component
3. Now this zone by default resembles the eye of a needle

Possible Solution

Displaying the drop zone in full size is initially simple, but visually not beautiful, because takes up a lot of space. But if you make a hover effect, in which the entire zone of the File component becomes a drop zone - this is cool.