fix(ui): Update dependencies and add missing icons (#4699)

platform/ui/src/components/CinePlayer/CinePlayer.tsx

@@ -120,7 +120,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
             onClick={() => handleSetFrameRate(frameRate - 1)}
             data-cy={'cine-player-left-arrow'}
           >
-            <Icons.ArrowLeft />
+            <Icons.ChevronLeft />
           </div>
           <Tooltip
             position="top"
@@ -152,7 +152,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
             onClick={() => handleSetFrameRate(frameRate + 1)}
             data-cy={'cine-player-right-arrow'}
           >
-            <Icons.ArrowRight />
+            <Icons.ChevronRight />
           </div>
         </div>
         <Icons.Close

platform/ui/src/components/InputNumber/InputNumber.tsx

@@ -130,7 +130,7 @@ const InputNumber: React.FC<{
               className={arrowHorizontalClassName}
               onClick={() => decrement()}
             >
-              <Icons.ByName name="arrow-left" />
+              <Icons.ChevronLeft />
             </div>
           )}
           <input
@@ -148,7 +148,7 @@ const InputNumber: React.FC<{
               className={arrowHorizontalClassName}
               onClick={() => increment()}
             >
-              <Icons.ByName name="arrow-right" />
+              <Icons.ChevronRight />
             </div>
           )}
           {showAdjustmentArrows && arrowsDirection === 'vertical' && (

platform/ui/src/components/ProgressDropdown/ProgressDropdown.tsx

@@ -108,7 +108,7 @@ const ProgressDropdown = ({
 
               {!selectedOption && <div className="ml-1 grow text-base leading-6">{children}</div>}
             </div>
-            <Icons.ChevronOpen className="text-primary-active mt-0.5 ml-1" />
+            <Icons.ChevronDown className="text-primary-active mt-1.5 ml-1 mr-2" />
           </div>
           <button
             className={classnames('ml-1.5 w-[26px] rounded text-base', {