add chapter leader and remove president position

src/components/TileGrid/UserTile.tsx

@@ -66,13 +66,17 @@ export function UserTile({
           {student ? (
             <p
               className={
-                (student.position === ""
+                (student.position === "" && student.role !== "CHAPTER_LEADER"
                   ? "bg-med-tan text-dark-teal "
                   : "bg-[#AE583C] font-bold text-white  ") +
                 "mt-5 inline-block text-ellipsis whitespace-nowrap rounded-3xl px-3.5 py-1.5 text-center text-xs"
               }
             >
-              {student.position === "" ? "Member" : student.position}
+              {student.role === "CHAPTER_LEADER"
+                ? "Chapter Leader"
+                : student.position === ""
+                ? "Member"
+                : student.position}
             </p>
           ) : null}
           {/* @TODO: Add pronouns once we add to student field  */}

src/utils/index.tsx

@@ -48,16 +48,22 @@ export const seniorFullName = (senior: Senior) =>
 
 export const sortedStudents = (students: User[]) => {
   const positionOrder: PositionOrder = {
-    President: 0,
-    "Social Coordinator": 1,
-    "Senior Outreach Coordinator": 2,
-    "Head of Media": 3,
-    Secretary: 4,
-    Treasurer: 5,
-    "Match Coordinator": 6,
+    "Social Coordinator": 0,
+    "Senior Outreach Coordinator": 1,
+    "Head of Media": 2,
+    Secretary: 3,
+    Treasurer: 4,
+    "Match Coordinator": 5,
   };
 
   const comparePositions = (a: User, b: User) => {
+    if (a.role === "CHAPTER_LEADER" && b.role !== "CHAPTER_LEADER") {
+      return -1;
+    }
+    if (b.role === "CHAPTER_LEADER" && a.role !== "CHAPTER_LEADER") {
+      return 1;
+    }
+
     const orderA = positionOrder[a.position] || Infinity;
     const orderB = positionOrder[b.position] || Infinity;