add GSoC page with resources and past participants

Author: codeaashu

src/App.js

@@ -38,6 +38,7 @@ import Events from './Page/OpportunitiesHub/Events.jsx';
 import Bootcamps from './Page/OpportunitiesHub/Bootcamps.jsx';
 import Certifications from './Page/OpportunitiesHub/Certifications.jsx';
 import OpenSource from './Page/OpportunitiesHub/OpenSource.jsx';
+import GsocPage from './Page/OpportunitiesHub/opensource/gsoc.jsx';
 // Features - Resources Hub Pages
 import Resources from './Page/Resources.jsx';
 import Documentation from './Page/ResoucesHub/Documentation.jsx';
@@ -145,6 +146,7 @@ function App() {
         <Route path="/Bootcamps" element={<Bootcamps />} />
         <Route path="/Certifications" element={<Certifications />} />
         <Route path="/OpenSource" element={<OpenSource />} />
+        <Route path="/OpenSource/gsoc" element={<GsocPage />} />
         {/* Features - Resources Hub Pages */}
         <Route path="/Resources" element={<Resources />} />
         <Route path="/Documentation" element={<Documentation />} />

src/Page/OpportunitiesHub/OpenSource.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { ArrowLeft } from 'lucide-react';
 import { Footer } from '../../components/Footer/Footer';
 import styled from 'styled-components';