change order to put requests at the top

Author: brendan-kellam

packages/web/src/app/(app)/settings/members/membersTable.tsx

@@ -77,6 +77,11 @@ export type TableRowData = MemberRow | InviteRow | RequestRow;
 export type MemberFilter = "all" | "owners" | "members" | Section;
 
 const SECTIONS: { id: Section; label: string; description: string }[] = [
+    {
+        id: "requests",
+        label: "Requests",
+        description: "People who requested access to the organization.",
+    },
     {
         id: "active",
         label: "Active",
@@ -97,11 +102,6 @@ const SECTIONS: { id: Section; label: string; description: string }[] = [
         label: "Invited",
         description: "People with pending invitations to the organization.",
     },
-    {
-        id: "requests",
-        label: "Requests",
-        description: "People who requested access to the organization.",
-    },
 ];
 
 const COLUMN_WIDTHS = ["auto", "180px", "120px", "120px", "120px", "64px"];
@@ -531,6 +531,9 @@ export const MembersTable = ({
                                         </Tooltip>
                                         •
                                         <span>{section.rows.length}</span>
+                                        {section.id === "requests" && (
+                                            <NotificationDot />
+                                        )}
                                     </div>
                                 </TableCell>
                             </TableRow>