replaced image with tabs

Author: nnnwa76

frontend/src/pages/about/our-history.tsx

@@ -2,6 +2,8 @@ import Layout from "@/components/Layout";
 import PageBody from "@/components/PageBody";
 import PageTitle from "@/components/PageTitle";
 import { useState } from "react";
+import PortfolioDisplay from "@/components/About/PortfolioDisplay";
+import ExecDisplay from "@/components/About/ExecDisplay";
 
 const MIN_YEAR = 2007;
 const MAX_YEAR = 2020;
@@ -69,9 +71,15 @@ const OurHistoryPage = () => {
             <p className="mt-5">Use the slider to see the teams from past years!</p>
           )}
 
-          <div key={year} className="h-[600px] w-[600px] mt-10">
-            <img src={`/images/csesoc-team-${year}.png`} alt={`CSESoc Team ${year}`}/>
+          <div className="pt-6">
+            <ExecDisplay />
           </div>
+          <div className="space-y-6 w-full">
+            <div className="border-t border-gray-300 my-10"></div>
+            <h2 className="text-xl font-semibold mb-2">Directors</h2>
+            <PortfolioDisplay />
+          </div>
+
         </div>
       </PageBody>
     </Layout>