web: sort associations by name

web/src/components/associations/AssociationList.tsx

@@ -15,10 +15,12 @@ export const AssociationList = ({
       {heading && (
         <SectionHeader heading={heading} />
       )}
-      <ul className={styles.associationList}>
-        {associations.map((association) => (
-          <AssociationItem key={association.id} association={association} />
-        ))}
+        <ul className={styles.associationList}>
+        {[...associations]
+          .sort((a, b) => a.title.localeCompare(b.title))
+          .map((association) => (
+            <AssociationItem key={association.id} association={association} />
+          ))}
       </ul>
     </section>
   );