feat(DICOM Upload): Added new DICOM upload dialogue launched from the worklist page (#3326)

* feat(DICOM Upload)
OHIF #3297
- DicomWebDataSource.store.dicom now accepts an ArrayBuffer of data sets to store
- DicomWebDataSource.store.dicom now also accepts optional callbacks to track upload and an AbortSignal object to cancel upload
- Added DicomFileUploader class that performs and tracks the upload of a DICOM file
- Added various UI pieces for the upload: DicomUpload, DicomUploadProgress, DicomUploadProgressItem
- ProgressLoadingBar was extracted from LoadingIndicatorProgress so it can be reused
- Modal dialogues can now optionally prevent an outside click from closing the Modal

* Passing an XMLHttpRequest to the dataSource.store.dicom method instead of callbacks and AbortSignal.
Cleanup of various UI pieces to minimize code and increase readability.

* Made the DicomUpload component a customization module exported by the cornerstone extension.

* Exposed a copy of the data source configuration via the IWebApiDataSource interface.
Added dicomUploadEnabled to a data source's configuration.

* Code clean up.

* Upgraded the dicomweb-client version to one that provides the ability to
pass a custom HTTP request. DICOM upload uses that custom HTTP request
to track progress and cancel requests.

* Distinguished between failed and cancelled uploads.

* Allow no selection in the upload dialogue.
Fixed the styling of various progress information so that everything aligns.

* Switched from cornerstone wado image loader to cornerstone dicom image loader for DICOM upload.

* Added special cancelled icon to differentiate from failed.

* Added a bit of spacing between the upload progress bar and percentage.

* Fixed minor issue with upload rejection.

* Performance improvement for cancel all uploads:
- use React memo for each upload item progress (row)
- do not await each request of a cancel all

* Fixed various padding/spacing for the DICOM upload drop zone component.
Changed the border dashing for the DICOM upload drop zone to be a background image gradient.
Added hover and active effects to the 'Cancel All Uploads' text.

platform/ui/src/components/LoadingIndicatorProgress/LoadingIndicatorProgress.css

@@ -1,34 +0,0 @@
-.loading {
-  background-color: #091731;
-  height: 8px;
-  border-radius: 4px;
-  overflow: hidden;
-  position: relative;
-  width: 12em;
-}
-
-.infinite-loading-bar {
-  animation: side2side 2s ease-in-out infinite;
-  height: 100%;
-  position: absolute;
-  border-radius: 4px;
-  width: 50%;
-}
-
-.loading-bar {
-  animation: side2side 2s ease-in-out infinite;
-  height: 100%;
-  border-radius: 4px;
-  position: absolute;
-  width: 50%;
-}
-
-@keyframes side2side {
-  0%,
-  100% {
-    transform: translateX(-50%);
-  }
-  50% {
-    transform: translateX(150%);
-  }
-}

platform/ui/src/components/LoadingIndicatorProgress/LoadingIndicatorProgress.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { Icon } from '@ohif/ui';
-
-import './LoadingIndicatorProgress.css';
+import ProgressLoadingBar from '../ProgressLoadingBar';
 
 /**
  *  A React component that renders a loading indicator.
@@ -19,18 +18,8 @@ function LoadingIndicatorProgress({ className, textBlock, progress }) {
       )}
     >
       <Icon name="loading-ohif-mark" className="text-white w-12 h-12" />
-      <div className="loading">
-        {progress === undefined || progress === null ? (
-          <div className="infinite-loading-bar bg-primary-light"></div>
-        ) : (
-          <div
-            className="bg-primary-light"
-            style={{
-              width: `${progress}%`,
-              height: '8px',
-            }}
-          ></div>
-        )}
+      <div className="w-48">
+        <ProgressLoadingBar></ProgressLoadingBar>
       </div>
       {textBlock}
     </div>