ADD Google OAuth login and logout functionality on frontend

frontend/src/App.tsx

@@ -7,6 +7,7 @@ import Home from './pages/Home';
 import {useEffect} from "react";
 import MyClips from './pages/MyClips';
 import VideoPlayer from "./pages/VideoPlayer.tsx";
+import { GoogleOAuthProvider } from '@react-oauth/google';
 
 
 function App() {
@@ -15,17 +16,19 @@ function App() {
     }, []);
 
     return (
-        <Router>
-            <Routes>
-                <Route element={<MainLayout />}>
-                    <Route path="/" element={<Home />} />
-                    <Route path="/create" element={<ClipUpload />} />
-                    <Route path="/create/:id" element={<ClipEdit />} />
-                    <Route path="/my-clips" element={<MyClips />} />
-                    <Route path="/video/:id" element={<VideoPlayer />} />
-                </Route>
-            </Routes>
-        </Router>
+        <GoogleOAuthProvider clientId={import.meta.env.VITE_GOOGLE_CLIENT_ID}>
+            <Router>
+                <Routes>
+                    <Route element={<MainLayout />}>
+                        <Route path="/" element={<Home />} />
+                        <Route path="/create" element={<ClipUpload />} />
+                        <Route path="/create/:id" element={<ClipEdit />} />
+                        <Route path="/my-clips" element={<MyClips />} />
+                        <Route path="/video/:id" element={<VideoPlayer />} />
+                    </Route>
+                </Routes>
+            </Router>
+        </ GoogleOAuthProvider>
     );
 }