Update team name to Community Representatives (#478)

The "Community Coordinators", formerly the "Class Representatives", have requested to change their team name on the website to "Community Representatives".

Co-authored-by: Amy <a258wang@uwaterloo.ca>
Reviewed-on: #478
Reviewed-by: Shahan Neda <snedadah@csclub.uwaterloo.ca>

pages/about/team.tsx

@@ -16,13 +16,13 @@ import {
   getMemberImagePath,
 } from "@/lib/team";
 
-import coordinatorsData from "../../content/team/coordinators-team.json";
 import designData from "../../content/team/design-team.json";
 import discordData from "../../content/team/discord-team.json";
 import eventsData from "../../content/team/events-team.json";
 import externalData from "../../content/team/external-affairs-team.json";
 import marketingData from "../../content/team/marketing-team.json";
 import photographyData from "../../content/team/photography-team.json";
+import repsData from "../../content/team/representatives-team.json";
 import systemsData from "../../content/team/systems-committee.json";
 import terminalData from "../../content/team/terminal-committee.json";
 import webData from "../../content/team/web-committee.json";
@@ -36,13 +36,13 @@ interface SerializedExec {
 
 interface Props {
   execs: SerializedExec[];
-  coordinators: Metadata[];
   design: Metadata[];
   discord: Metadata[];
   events: Metadata[];
   external: Metadata[];
   marketing: Metadata[];
   photography: Metadata[];
+  representatives: Metadata[];
   website: Metadata[];
   systems: Metadata[];
   terminal: Metadata[];
@@ -50,22 +50,22 @@ interface Props {
 
 export default function Team({
   execs,
-  coordinators,
   design,
   discord,
   events,
   external,
   marketing,
   photography,
+  representatives,
   website,
   systems,
   terminal,
 }: Props) {
   const teams = [
     {
-      id: "coordinators",
+      id: "reps",
-      name: "Community Coordinators",
+      name: "Community Representatives",
-      members: coordinators,
+      members: representatives,
     },
     {
       id: "design",
@@ -122,7 +122,7 @@ export default function Team({
             <h1 className={styles.header}>Meet the Team!</h1>
             <div className={styles.nav}>
               <Link href="#execs">The Executives</Link>
-              <Link href="#coordinators">Community Coordinators</Link>
+              <Link href="#reps">Community Representatives</Link>
               <Link href="#design">Design</Link>
               <Link href="#discord">Discord</Link>
               <Link href="#events">Events</Link>
@@ -233,35 +233,35 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
   )) as SerializedExec[];
 
   let [
-    coordinators,
     design,
     discord,
     events,
     external,
     marketing,
     photography,
+    representatives,
     website,
     systems,
     terminal,
   ] = await Promise.all([
-    getTeamWithImages(coordinatorsData),
     getTeamWithImages(designData),
     getTeamWithImages(discordData),
     getTeamWithImages(eventsData),
     getTeamWithImages(externalData),
     getTeamWithImages(marketingData),
     getTeamWithImages(photographyData),
+    getTeamWithImages(repsData),
     getTeamWithImages(webData),
     getTeamWithImages(systemsData),
     getTeamWithImages(terminalData),
   ]);
 
-  coordinators = sortTeam(coordinators);
   design = sortTeam(design);
   discord = sortTeam(discord);
   events = sortTeam(events);
   external = sortTeam(external);
   marketing = sortTeam(marketing);
+  representatives = sortTeam(representatives);
   photography = sortTeam(photography);
   website = sortTeam(website);
   systems = sortTeam(systems);
@@ -270,13 +270,13 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
   return {
     props: {
       execs,
-      coordinators,
       design,
       discord,
       events,
       external,
       marketing,
       photography,
+      representatives,
       website,
       systems,
       terminal,