fix: use sx for justifyContent in OAuthButtons, fix import order in test

client/src/features/auth-oauth/__tests__/OAuthButtons.test.tsx

@@ -1,5 +1,5 @@
-import { describe, it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
+import { describe, it, expect } from 'vitest'
 import { OAuthButtons } from '../ui/OAuthButtons'
 
 describe('OAuthButtons', () => {

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

@@ -4,7 +4,7 @@ import { getOAuthUrl, oauthProviders } from '../lib/oauth-providers'
 
 export function OAuthButtons() {
   return (
-    <Stack direction="row" spacing={1} justifyContent="center">
+    <Stack direction="row" spacing={1} sx={{ justifyContent: 'center' }}>
       {oauthProviders.map((p) => (
         <Button
           key={p.id}