[Feat] 구글 oauth로그인 구현

구글 로그인 라이브러리 최신화
구글로그인 컴포넌트를 logins폴더에 생성
Issues #15

client/package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@react-oauth/google": "^0.11.1",
     "@reduxjs/toolkit": "^1.9.5",
     "axios": "^1.5.0",
     "boxicons": "^2.1.4",

client/src/components/Logins/GoogleSignin.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { GoogleOAuthProvider, GoogleLogin, useGoogleOneTapLogin } from '@react-oauth/google';
+
+const GoogleSignInComponent: React.FC = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const handleSuccess = (credentialResponse: any) => {
+        console.log(credentialResponse);
+    };
+
+    const handleError = () => {
+        console.log('Login Failed');
+    };
+
+    // One-tap 로그인 (선택적)
+    useGoogleOneTapLogin({
+        onSuccess: handleSuccess,
+        onError: handleError,
+    });
+
+    return (
+        <GoogleOAuthProvider clientId="
+        690344785644-2oj84rcukd2rhu3o56gbq6rahap16m37.apps.googleusercontent.com">
+            <GoogleLogin
+                onSuccess={handleSuccess}
+                onError={handleError}
+                useOneTap
+            />
+        </GoogleOAuthProvider>
+    );
+};
+
+export default GoogleSignInComponent;
+

client/src/components/Logins/OAuthLogin.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-
+import GoogleLogin from './GoogleSignin.tsx'
 import kakaoLogo from '../../asset/images/KakaoLogo.svg';  
 import axios from 'axios';
 
@@ -34,7 +34,7 @@ const OAuthLoginModal: React.FC<LoginModalProps> = ({ onClose, onEmailLoginClick
             <ModalContainer>
                 <CloseButton onClick={onClose}>&times;</CloseButton>
                 <Title>{titleText}</Title>
-
+                <GoogleLogin/>
                 <KakaoButton onClick={handleKakaoLogin}>
                     <LogoImage src={kakaoLogo} alt="Kakao Logo" />
                     {kakaoLoginText}