Use more idiomatic way of defining header

Author: silv-io

internal/ui/components/header.go

@@ -1,26 +1,30 @@
 package components
 
-import "github.com/localstack/lstk/internal/ui/styles"
+import (
+	"strings"
 
+	"github.com/charmbracelet/lipgloss"
+	"github.com/localstack/lstk/internal/ui/styles"
+)
+
+const headerPadding = 3
+
+// nimbo logo lines with relative offsets for the cloud shape
 func nimboLine1() string {
-	return "    " +
+	return " " +
 		styles.NimboDark.Render("▟") +
-		styles.NimboLight.Render("████▖") +
-		"   "
+		styles.NimboLight.Render("████▖")
 }
 
 func nimboLine2() string {
-	return "   " +
-		styles.NimboMid.Render("▟") +
+	return styles.NimboMid.Render("▟") +
 		styles.NimboLight.Render("██▙█▙█") +
-		styles.NimboMid.Render("▟") +
-		"  "
+		styles.NimboMid.Render("▟")
 }
 
 func nimboLine3() string {
-	return "     " +
-		styles.NimboDark.Render("▀▛▀▛▀") +
-		"   "
+	return "  " +
+		styles.NimboDark.Render("▀▛▀▛▀")
 }
 
 type Header struct {
@@ -32,10 +36,21 @@ func NewHeader(version string) Header {
 }
 
 func (h Header) View() string {
-	title := styles.Title.Render("LocalStack (lstk)")
-	version := styles.Version.Render(h.version)
+	logoStyle := lipgloss.NewStyle().PaddingLeft(headerPadding)
+
+	nimbo := logoStyle.Render(lipgloss.JoinVertical(lipgloss.Left,
+		nimboLine1(),
+		nimboLine2(),
+		nimboLine3(),
+	))
+
+	text := lipgloss.JoinVertical(lipgloss.Left,
+		styles.Title.Render("LocalStack (lstk)"),
+		styles.Version.Render(h.version),
+		"",
+	)
+
+	spacer := strings.Repeat(" ", headerPadding)
 
-	return "\n" + nimboLine1() + " " + title + "\n" +
-		nimboLine2() + " " + version + "\n" +
-		nimboLine3() + "\n"
+	return "\n" + lipgloss.JoinHorizontal(lipgloss.Top, nimbo, spacer, text) + "\n"
 }