fix: footer truncates bindings to fit width instead of wrapping

On narrow terminals the joined binding string would wrap and get clipped
by the height constraint, making the footer look blank. Now bindings are
added one-by-one until the next one wouldn't fit, so the most important
hints (leftmost) are always visible.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: gitcoder89431

internal/components/footer/footer.go

@@ -3,16 +3,31 @@ package footer
 import (
 	"strings"
 
+	"charm.land/lipgloss/v2"
 	"github.com/charmbracelet/bubbles/key"
 	"github.com/gitcoder89431/meshd/internal/theme"
 )
 
 func View(bindings []key.Binding, width, height int, t theme.Theme) string {
 	sep := t.Border.Render("  ·  ")
-	parts := make([]string, 0, len(bindings))
-	for _, binding := range bindings {
-		help := binding.Help()
-		parts = append(parts, t.Accent.Render(help.Key)+" "+t.Muted.Render(help.Desc))
+	sepW := lipgloss.Width(sep)
+
+	var parts []string
+	usedW := 0
+	for _, b := range bindings {
+		help := b.Help()
+		part := t.Accent.Render(help.Key) + " " + t.Muted.Render(help.Desc)
+		partW := lipgloss.Width(part)
+		needed := partW
+		if len(parts) > 0 {
+			needed += sepW
+		}
+		if usedW+needed > width {
+			break
+		}
+		parts = append(parts, part)
+		usedW += needed
 	}
+
 	return t.Footer.Width(width).Height(height).Render(strings.Join(parts, sep))
 }