image/tree: Print longest names first and use full width

When printing image names, sort them by length and print the longest
first. This also allows them to use a full terminal width because they
are not printed alongside other columns.

Signed-off-by: Paweł Gronowski <pawel.gronowski@docker.com>

cli/command/image/tree.go

@@ -3,6 +3,7 @@ package image
 import (
 	"context"
 	"fmt"
+	"slices"
 	"sort"
 	"strings"
 	"unicode/utf8"
@@ -281,11 +282,21 @@ func printNames(out *streams.Out, headers []imgColumn, img topImage, color, unta
 		_, _ = fmt.Fprint(out, headers[0].Print(untaggedColor, "<untagged>"))
 	}
 
-	for nameIdx, name := range img.Names {
-		if nameIdx != 0 {
-			_, _ = fmt.Fprintln(out, "")
+	namesLongestToShortest := slices.SortedFunc(slices.Values(img.Names),
+		func(a, b string) int {
+			return len(b) - len(a)
+		},
+	)
+
+	for nameIdx, name := range namesLongestToShortest {
+		// Don't limit first names to the column width because only the last
+		// name will be printed alongside other columns.
+		if nameIdx < len(img.Names)-1 {
+			_, fullWidth := out.GetTtySize()
+			_, _ = fmt.Fprintln(out, color.Apply(truncateRunes(name, int(fullWidth))))
+		} else {
+			_, _ = fmt.Fprint(out, headers[0].Print(color, name))
 		}
-		_, _ = fmt.Fprint(out, headers[0].Print(color, name))
 	}
 }