UI support cloud storage

[Marishka17]

Motivation and context

Dependent on PR
Dependent on PR
Related issue: #863

How has this been tested?

TODOs

• fix search
• cards with equal size
• update query (when creating storage and go to the page of all storages there is no update, need update page manually)
• add support for an access key, secret key pair for AWS S3 (instead of/or access key, secret key, session token set)
• clear task form after the task was created
• cloud storage creating a page
• cloud storage updating page
• cloud storage listing page
• new tab on creating task page
• manually tested creating && updating cloud storages (S3 and credentials, S3 and anonymous access, Azure Blob container and credentials) && creating tasks with images from a cloud storage
• correctly updating credentials
• fix e2e test
• modernize the structure of the data tree
• fix all comments after team demonstration

Checklist

• I submit my changes into the develop branch
• I have added description of my changes into CHANGELOG file
• I have updated the documentation accordingly
• I have added tests to cover my changes
• I have linked related issues (read github docs)
• I have increased versions of npm packages if it is necessary (cvat-canvas,
  cvat-core, cvat-data and cvat-ui)

License

• I submit my code changes under the same MIT License that covers the project.
  Feel free to contact the maintainers if that's a concern.
• I have updated the license header for each file (see an example below)

# Copyright (C) 2021 Intel Corporation
#
# SPDX-License-Identifier: MIT

[Marishka17]

• Can manifest files be detected automatically? I guess just searching in the root directory and its subdirectories can cover most of the cases.

Surely this can be accomplished by filtering using the corresponding SDK, but manually specifying the required manifests was discussed in the last demo of the solution.

• Can a custom S3 server be selected, for example as it did in Cyberduck for example?

I'm not really sure about this, I'll check

[Marishka17]

@nmanovic , @ActiveChooN

• default selected manifest on the task creating page
• select all files on a task creating page

[Marishka17]

This was my delusion. I checked the documentation and the fake data cannot coincide with the real ones because in real ones lowercase letters can only be used.

[nmanovic]

@Marishka17 , probably an item to investigate after the PR is merged. A list of storages (I have only one) is loading longer than list of tasks (~10 tasks).

[Marishka17]

@Marishka17 , probably an item to investigate after the PR is merged. A list of storages (I have only one) is loading longer than list of tasks (~10 tasks).

I think it might be related to getting storage status. I added making "dynamic" loading to do for the future, but for this, I would like to consult with @bsekachev (by the way, I implemented this at the beginning, but it was not entirely correct), so I corrected this moment and did it by analogy with loading previews. Therefore, the customer sees the spin until the server returns not only information about the storage, but also a preview and current status.

[Marishka17]

@aschernov Hi, could I ask you to add documentation for this feature?

[aschernov]

@Marishka17 , sure. We'll update the documentation

[TOsmanov]

I found that the cloud storage element on the cloud storage page has an image that has the wrong cropping:

if the page width <1366 px:

The image is displayed after creating a task using this cloud storage. Similar items on the projects page are displayed correctly.

I used "azur blob container" I managed to create a task using images, but I can't create a task using video. In process creating a task appears:
"Could not fetch cloud storage data"

In the console:

[Marishka17]

I found that the cloud storage element on the cloud storage page has an image that has the wrong cropping:

Thanks. Could you please create a issue?

I used "azur blob container" I managed to create a task using images, but I can't create a task using video.

For this functionality can be used only dataset with images