feat: sort groups

src/pages/proxy.tsx

@@ -21,11 +21,13 @@ const ProxyPage = () => {
         Proxy Groups
       </Typography>
 
+      {groups.length > 0 && (
         <List sx={{ borderRadius: 1, boxShadow: 2 }}>
           {groups.map((group) => (
             <ProxyGroup key={group.name} group={group} />
           ))}
         </List>
+      )}
     </Box>
   );
 };

src/services/proxy.ts

@@ -34,6 +34,8 @@ export async function getProxyInfo() {
     each.all = each.all?.map((item) => results[item]).filter((e) => e);
   });
 
+  groups.sort((a, b) => b.name.localeCompare(a.name));
+
   return {
     global,
     groups,