MPA

This task is about updating the various modal windows to incorporate the new cloud sync option.

The option should be displayed using the cloud icon and a label next to it.

When disabled, the icon and labels are gray.
When enabled, the icon and labels become orange.



1. UI:

1.1 create new folder:
The new option appears below the  tags field.
Label " Sync this folder"

1.2 create new collection:
The new option appears below the "add preview field"
Label " Sync this collection"

Note: as their is not much space, let's reduce the margins between all rows of 1 px each to creaste some space.

1.3 import modal:
The new option appears below the  "Import to new collection"
Label " Upload those files"

2. Functionality:

Let's sync with Karim to see if you can also implemet the corresponding functionalities.

The wished functionalities are listed below:

-create new folder -> if sync enabled, the new folder is automatically set to "synched" when being created 

-create new collection -> if sync enabled, the new collection is automatically set to "synched" when being created 

-import files -> if upload enabled, the imported files are auto-uploaded 

Feedback:

Let's update the color of the sync icon and label to white, it should be like the items display below and also become underlined instead of orange when hovered