Boy-scout: alphabetic ordering in the tags window

client/src/components/windows/manage_tags/ManageTagsWindow.tsx

@@ -164,7 +164,9 @@ export function SingleTag(props: {
             {props.prependElems}
             <TagChip transparent={tag.proposeDelete} label={tagLabel} />
         </Box>
-        {hasChildren && expanded && tag.children.map((child: any) => <SingleTag
+        {hasChildren && expanded && tag.children
+            .sort((a: any, b: any) => a.name.localeCompare(b.name))
+            .map((child: any) => <SingleTag
                 tag={child}
                 prependElems={[...props.prependElems,
                 <TagChip transparent={true} label={tagLabel} />,
@@ -430,7 +432,9 @@ export default function ManageTagsWindow(props: {
                 mt={4}
                 width="80%"
             >
-                {tags && tags.length && tags.map((tag: any) => {
+                {tags && tags.length && tags
+                    .sort((a: any, b: any) => a.name.localeCompare(b.name))
+                    .map((tag: any) => {
                         return <SingleTag
                             tag={tag}
                             prependElems={[]}