Sort tiles alphabetically by name

The order in the YAML file is mostly arbitrary. Name is also the default
sort for the resource listing on the same page.

static-site/content/resource-listing.yaml

@@ -55,6 +55,7 @@ coreGroupDisplayNames:
 # Tiles must define a filter query which is a list of dataset name "words"
 # (where words are joined by "/" to form the URL path) as well as a PNG image
 # which is relative to static-site/static/pathogen_images.
+# These will be displayed in alphabetical order by name.
 coreTiles:
   - name: SARS-CoV-2
     img: ncov_freq.png

static-site/src/components/ListResources/index.tsx

@@ -83,7 +83,12 @@ function ListResources({
         </Byline>
 
         <SetSelectedFilterOptions.Provider value={setSelectedFilterOptions}>
-          <ExpandableTiles tiles={tiles} tileWidth={tileWidthHeight} tileHeight={tileWidthHeight} TileComponent={Tile} />
+          <ExpandableTiles
+            tiles={tiles.sort((a, b) => a.name.localeCompare(b.name))}
+            tileWidth={tileWidthHeight}
+            tileHeight={tileWidthHeight}
+            TileComponent={Tile}
+          />
         </SetSelectedFilterOptions.Provider>
         </>
       )}