fix(client): remove hover shift on pill tabs and OAuth buttons

client/src/features/auth-oauth/ui/OAuthButtons.tsx

@@ -16,6 +16,7 @@ export function OAuthButtons() {
             '&:hover': {
               borderColor: p.color,
               bgcolor: `${p.color}14`,
+              borderWidth: '1px',
             },
           }}
         >

client/src/pages/auth/ui/AuthPage.tsx

@@ -1,11 +1,11 @@
 import { useEffect, useState } from 'react'
-import { alpha, useTheme } from '@mui/material/styles'
 import Alert from '@mui/material/Alert'
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
 import InputAdornment from '@mui/material/InputAdornment'
 import Paper from '@mui/material/Paper'
 import Stack from '@mui/material/Stack'
+import { alpha, useTheme } from '@mui/material/styles'
 import TextField from '@mui/material/TextField'
 import Typography from '@mui/material/Typography'
 import { useMutation } from '@tanstack/react-query'
@@ -158,7 +158,12 @@ export function AuthPage() {
                 key={idx}
                 variant={tab === idx ? 'contained' : 'outlined'}
                 size="small"
-                sx={{ borderRadius: '24px', flex: 1, textTransform: 'none', '&:hover': { transform: 'none' } }}
+                sx={{
+                  borderRadius: '24px',
+                  flex: 1,
+                  textTransform: 'none',
+                  '&:hover': { transform: 'none', borderWidth: '1px' },
+                }}
                 onClick={() => {
                   setTab(idx)
                   setMessage(null)