fix and update remote design

src/remote/components/buttons/image-button.tsx

@@ -1,23 +1,21 @@
 import { CiImageOff, CiImageOn } from 'react-icons/ci';
 
-import { RemoteButton } from '/@/remote/components/buttons/remote-button';
 import { useShowImage, useToggleShowImage } from '/@/remote/store';
+import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
 
 export const ImageButton = () => {
     const showImage = useShowImage();
     const toggleImage = useToggleShowImage();
 
     return (
-        <RemoteButton
-            mr={5}
+        <ActionIcon
             onClick={() => toggleImage()}
-            size="xl"
             tooltip={{
                 label: showImage ? 'Hide Image' : 'Show Image',
             }}
             variant="default"
         >
             {showImage ? <CiImageOff size={30} /> : <CiImageOn size={30} />}
-        </RemoteButton>
+        </ActionIcon>
     );
 };