Update csesoc team picture and append platforms portfolio

Author: Domin0de

frontend/public/data/portfolios.ts

@@ -122,4 +122,11 @@ export const PORTFOLIOS: PortfolioData[] = [
       { name: "Aaron Tian", role: PortfolioRole.DIRECTOR, imageUrl: "/images/members/blank-pfp.png" },
     ],
   },
+  {
+    name: "Platforms",
+    description: "Maintains the infrastructure underlying the CSESoc IT Portfolio Projects.",
+    members: [
+      { name: "Dominic Cheung", role: PortfolioRole.DIRECTOR, imageUrl: "/images/members/blank-pfp.png" },
+    ]
+  }
 ];

frontend/public/images/members/csesoc-2025.jpg

@@ -9,10 +9,13 @@ const PortfolioDisplay = () => {
 
   return (
     <div>
-      <div className="flex justify-between max-w-full h-10 my-6 snap-x snap-mandatory overflow-auto hide-scrollbar">
+      <div className="flex justify-between max-w-full h-12 my-6 snap-x snap-mandatory overflow-y-hidden pb-1 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:h-2
+          [&::-webkit-scrollbar-track]:bg-transparent
+          [&::-webkit-scrollbar-thumb]:rounded-full
+          [&::-webkit-scrollbar-thumb]:bg-gray-300">
         {names.map((name) => (
           <button 
-            className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-[#3977F9]" : ""} p-2`} 
+            className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-[#3977F9]" : ""} pb-2 p-1`} 
             key={`btn-${name}`}
             onClick={() => setSelectedPortfolio(name)}
           >

…tend/public/images/csesoc-team-2024.jpeg …lic/images/members/csesoc-team-2024.jpegfrontend/public/images/csesoc-team-2024.jpeg renamed to frontend/public/images/members/csesoc-team-2024.jpeg frontend/public/images/csesoc-team-2024.jpeg renamed to frontend/public/images/members/csesoc-team-2024.jpeg

@@ -19,7 +19,7 @@ const ExecsDirectorsSubcommitteesPage = () => {
             The CSESoc Executive and Director team for 2025:
           </p>
           <div className="flex justify-center items-center">
-            <img src="https://scontent.fsyd3-2.fna.fbcdn.net/v/t39.30808-6/490746858_1191636532745956_5085482777865160130_n.jpg?_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=Icu4uVEf5csQ7kNvwHQlx94&_nc_oc=Adl9id_hToVec6lOQU7MiV48MEn3IRWN0yZ81zPenDI8ND09eCjhHmgq18hpZybMbRQ&_nc_zt=23&_nc_ht=scontent.fsyd3-2.fna&_nc_gid=wLdWQpSME-IqY5gQfmktbQ&oh=00_AfLFy8b5Sieopu8C3WP4_RsQFVSfXQoYVmVqEGPlrkyOFA&oe=682FAA6E" alt="CSESoc Team 2024" width={700} height={700} />
+            <img src="/images/members/csesoc-2025.jpg" alt="CSESoc Team 2025" width={700} height={700} />
           </div>
         </div>
 
@@ -51,9 +51,9 @@ const ExecsDirectorsSubcommitteesPage = () => {
 
           <PortfolioDisplay />
 
-          <p className="text-xl bold my-5">
+          {/* <p className="text-xl bold my-5">
             Get to know them better <a href="https://media.csesoc.org.au/fyg24-meet-csesoc/" className="text-blue-500 hover:underline">here</a>!
-          </p>
+          </p> */}
         </div>
       </PageBody>
     </Layout>