refactor: migrate related components

apps/client/src/features/app-settings/panel-content/PanelContent.tsx

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { IoClose } from 'react-icons/io5';
-import { Button } from '@chakra-ui/react';
+
+import Button from '../../../common/components/buttons/Button';
 
 import style from './PanelContent.module.scss';
 
@@ -8,14 +9,12 @@ interface PanelContentProps {
   onClose: () => void;
 }
 
-export default function PanelContent(props: PropsWithChildren<PanelContentProps>) {
-  const { onClose, children } = props;
-
+export default function PanelContent({ onClose, children }: PropsWithChildren<PanelContentProps>) {
   return (
     <div className={style.contentWrapper}>
       <div className={style.corner}>
-        <Button onClick={onClose} aria-label='close' rightIcon={<IoClose />} variant='ontime-subtle'>
-          Close settings
+        <Button size='large' onClick={onClose}>
+          Close settings <IoClose />
         </Button>
       </div>
       <div className={style.content}>{children}</div>