fix: sort Advanced Blocks by default display name (#1817)

Author: pomegranited

src/library-authoring/add-content/AddContent.tsx

@@ -154,14 +154,18 @@ const AddAdvancedContentView = ({
   isBlockTypeEnabled,
 }: AddAdvancedContentViewProps) => {
   const intl = useIntl();
+  // Sort block types alphabetically by default display name
+  const sortedBlockTypes = Object.keys(advancedBlocks).sort((typeA, typeB) => (
+    advancedBlocks[typeA].displayName.localeCompare(advancedBlocks[typeB].displayName)
+  ));
   return (
     <>
       <div className="d-flex">
         <Button variant="tertiary" iconBefore={KeyboardBackspace} onClick={closeAdvancedList}>
           {intl.formatMessage(messages.backToAddContentListButton)}
         </Button>
       </div>
-      {Object.keys(advancedBlocks).map((blockType) => (
+      {sortedBlockTypes.map((blockType) => (
         isBlockTypeEnabled(blockType) ? (
           <AddContentButton
             key={`add-content-${blockType}`}