feat(webUI): sort commands and place their buttons in 3 columns

Author: nergal-perm

src/main/java/ru/ewc/checklogic/server/CommandMetadata.java

@@ -63,11 +63,13 @@ public CommandMetadata(final Map<String, List<String>> metadata) {
      * @return The command names as an HTML list to be used in a page template.
      */
     public String namesAsHtmlList(final ServerInstance computation, final String outcome) {
-        return this.names.stream().map(
+        return this.names.stream().sorted().map(
             command -> """
-                <button class="btn %2$s"
+                <div class="col-4 px-2">
+                <button class="btn %2$s col-12"
                 hx-get="/command" hx-target="body" hx-swap="beforeend"
                 hx-vals='{"command":"%1$s"}'>%1$s</button>
+                </div>
                 """.formatted(command, buttonCssClass(computation, command, outcome))
         ).collect(Collectors.joining());
     }

src/main/resources/templates/state.html

@@ -68,6 +68,6 @@ <h1>Context</h1>
             <button class="btn btn-primary" type="submit">Update commands</button>
         </form>
         <h1>Commands</h1>
-        <div id="commands" class="btn-group-vertical"></div>
+        <div id="commands" class="row g-2"></div>
     </div>
 </div>