fix(ui): improve endpoints ordering

[bodinsamuel]

Changes

• Improve endpoints ordering
  We were only pushing items up if the comparison was directly different, so when we compared POST to DELETE, POST was not pushed up.

[TBonnin]

can we do?

const METHOD_PRIORITY = {
  'GET': 1,
  'POST': 2,
  'PUT': 3,
  'PATCH': 4,
  'DELETE': 5
};
return METHOD_PRIORITY[a.endpoint.method] - METHOD_PRIORITY[b.endpoint.method];

[TBonnin]

unrelated to this PR but I am not sure why we have 2 .sort chained one after each other.
Also this sorting logic is becoming quite complex and I feel could be refactored like:

            groups.push({ name: group[0],
                flows: group[1].sort((a, b) => {
    
                    const comparePaths = (pathA, pathB) => {
                        const countPathSegments = (path) => (path.match(/\//g) || []).length;
                        const lenA = countPathSegments(pathA);
                        const lenB = countPathSegments(pathB);
                        if (lenA !== lenB) {
                            return lenA - lenB;
                        }
                        return pathA.localeCompare(pathB);
                    };

                    const compareMethods = (methodA, methodB) => { ... };

                    const pathComparison = comparePaths(a.endpoint.path, b.endpoint.path);

                    if (pathComparison !== 0) {
                        return pathComparison;
                    }

                    return compareMethods(a.endpoint.method, b.endpoint.method);
                })
            });

[bodinsamuel]

Changed with your first suggestion 👌🏻
It split in two because I had issues containing the logic of grouping and sorting in the same sort
(grouping by paths, then sorting alphabetically, then sorting by method)