refactor: simplify HeaderButtons component by removing translation and replacing Button with ActionIcon for logout

Author: kastov

src/features/ui/dashboard/header-buttons/header-buttons.feature.tsx

@@ -1,6 +1,5 @@
 import { PiArrowsClockwise, PiSignOutDuotone } from 'react-icons/pi'
-import { ActionIcon, Button, Group } from '@mantine/core'
-import { useTranslation } from 'react-i18next'
+import { ActionIcon, Group } from '@mantine/core'
 import { useNavigate } from 'react-router-dom'
 
 import { LanguagePicker } from '@shared/ui/language-picker/language-picker.shared'
@@ -11,8 +10,6 @@ import { ROUTES } from '@shared/constants'
 import { useAuth } from '@shared/hooks'
 
 export const HeaderButtons = () => {
-    const { t } = useTranslation()
-
     const { setIsAuthenticated } = useAuth()
     const navigate = useNavigate()
 
@@ -38,9 +35,9 @@ export const HeaderButtons = () => {
                 <PiArrowsClockwise size="1.5rem" />
             </ActionIcon>
 
-            <Button leftSection={<PiSignOutDuotone size="1rem" />} onClick={handleLogout} size="md">
-                {t('header-buttons.feature.logout')}
-            </Button>
+            <ActionIcon color="cyan" onClick={handleLogout} size="xl">
+                <PiSignOutDuotone size="1.5rem" />
+            </ActionIcon>
         </Group>
     )
 }