fix(Button): redesign of existing Button component for consistency (#3473)

platform/ui/src/components/SidePanel/SidePanel.tsx

@@ -13,7 +13,7 @@ import { Swiper, SwiperSlide } from 'swiper/react';
 
 import { PanelService, ServicesManager, Types } from '@ohif/core';
 
-import Button from '../Button';
+import LegacyButton from '../LegacyButton';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import Tooltip from '../Tooltip';
@@ -234,7 +234,8 @@ const SidePanel = ({
             }}
             data-cy={`side-panel-header-${side}`}
           >
-            <Button
+            {/* TODO This should be redesigned to not be a button. */}
+            <LegacyButton
               variant="text"
               color="inherit"
               border="none"
@@ -254,7 +255,7 @@ const SidePanel = ({
               <span className="text-primary-active">
                 {tabs.length === 1 && (t(tabs[activeTabIndex].label) as string)}
               </span>
-            </Button>
+            </LegacyButton>
           </div>
           {tabs.length > 1 &&
             _getMoreThanOneTabLayout(