feat(webui): stable type sort in Inspect: by amount of attributes, address

webui/src/components/Inspect.svelte

@@ -53,6 +53,9 @@
       attributes: string[];
     };
   }>;
+  $: sortedTypes = Object.entries($allTypes)
+    .sort(([a, _], [b, __]) => a.localeCompare(b))
+    .sort(([_, a], [__, b]) => a.attributes.length - b.attributes.length);
 
   async function getAllTypes(entityInfo: EntityInfo) {
     const allTypes = {};
@@ -422,7 +425,7 @@
           <div class="properties">
             <NotesEditor {address} on:change={onChange} />
             <InspectTypeEditor {entity} on:change={() => revalidate()} />
-            {#each Object.entries($allTypes) as [typeAddr, { labels, attributes }]}
+            {#each sortedTypes as [typeAddr, { labels, attributes }]}
               <EntryView
                 entries={($entity?.attributes || []).filter((e) =>
                   attributes.includes(e.attribute),