Updating icons naming and colors

platform/ui/src/components/SidePanel/SidePanel.jsx

@@ -40,8 +40,8 @@ const classesMap = {
 };
 
 const openIconName = {
-  left: 'panel-left',
-  right: 'panel-right',
+  left: 'push-left',
+  right: 'push-right',
 };
 
 const SidePanel = ({

platform/ui/src/components/SidePanel/SidePanel.mdx

@@ -21,7 +21,7 @@ import { SidePanel } from '@ohif/ui';
   <div className="flex flex-row flex-no-wrap flex-1 items-stretch overflow-hidden w-full" style={{height: '500px'}}>
     <SidePanel
       side="left"
-      iconName="icon-nav-studies"
+      iconName="group-layers"
       iconLabel="Studies"
       componentLabel="Studies"
       defaultIsOpen={false}