chore: Data Mocking for Study List (#1515)

* feat: Data mocking for studies

* feat: Data Mocking for Study List

* fix empty study position

* rename variables for numOfStudies

* fix studies query

* remove alert :|

* minor refactor

* split utils and refactoring

* refactoring -- format, clean up icons, mdx mock

platform/ui/src/components/Icon/getIcon.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 // Icons
-import active from './../../assets/icons/active.svg';
+import seriesActive from './../../assets/icons/series-active.svg';
+import seriesInactive from './../../assets/icons/series-inactive.svg';
 import cancel from './../../assets/icons/cancel.svg';
 import chevronDown from './../../assets/icons/chevron-down.svg';
 import chevronRight from './../../assets/icons/chevron-right.svg';
@@ -8,6 +9,7 @@ import infoLink from './../../assets/icons/info-link.svg';
 import launchArrow from './../../assets/icons/launch-arrow.svg';
 import launchInfo from './../../assets/icons/launch-info.svg';
 import logoOhifSmall from './../../assets/icons/logo-ohif-small.svg';
+import magnifier from './../../assets/icons/magnifier.svg';
 import notificationwarningDiamond from './../../assets/icons/notificationwarning-diamond.svg';
 import settings from './../../assets/icons/settings.svg';
 import sorting from './../../assets/icons/sorting.svg';
@@ -15,7 +17,8 @@ import sortingActiveDown from './../../assets/icons/sorting-active-down.svg';
 import sortingActiveUp from './../../assets/icons/sorting-active-up.svg';
 
 const ICONS = {
-  active: active,
+  'series-active': seriesActive,
+  'series-inactive': seriesInactive,
   cancel: cancel,
   'chevron-down': chevronDown,
   'chevron-right': chevronRight,
@@ -23,6 +26,7 @@ const ICONS = {
   'launch-arrow': launchArrow,
   'launch-info': launchInfo,
   'logo-ohif-small': logoOhifSmall,
+  magnifier: magnifier,
   'notificationwarning-diamond': notificationwarningDiamond,
   settings: settings,
   'sorting-active-down': sortingActiveDown,

platform/ui/src/components/Icon/icon.mdx

@@ -14,7 +14,7 @@ import { ICONS } from './getIcon';
 
 <Playground>
   <div className="p-4">
-    <Icon name="active" className="text-custom-aquaBright m-4" />
+    <Icon name="series-active" className="text-custom-aquaBright m-4" />
   </div>
 </Playground>