fix(ui): Move filename to separate row in metadata panel

Fixed filename overlapping with video codec information:
- Moved filename to its own full-width row at the top
- Two-column grid now starts below filename
- Prevents long filenames from overlapping with right column data
- Improves readability of metadata panel

This addresses the issue where long filenames like "She's So Small 12 Scene 3 Dillion Harper.mp4" would run into "Video Codec: h264" on the same line.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

main.go

@@ -9158,9 +9158,11 @@ Metadata: %s`,
 		return container.NewHBox(keyLabel, valueLabel)
 	}
 
+	// Filename gets its own full-width row to prevent overlap
+	fileRow := makeRow("File", src.DisplayName)
+
 	// Organize metadata into a compact two-column grid
 	col1 := container.NewVBox(
-		makeRow("File", src.DisplayName),
 		makeRow("Format", utils.FirstNonEmpty(src.Format, "Unknown")),
 		makeRow("Resolution", fmt.Sprintf("%dx%d", src.Width, src.Height)),
 		makeRow("Aspect Ratio", src.AspectRatioString()),
@@ -9187,7 +9189,10 @@ Metadata: %s`,
 
 	// Add spacing between the two columns
 	spacer := layout.NewSpacer()
-	info := container.NewHBox(col1, spacer, col2)
+	twoColGrid := container.NewHBox(col1, spacer, col2)
+
+	// Combine filename row with two-column grid
+	info := container.NewVBox(fileRow, twoColGrid)
 
 	// Copy metadata button - beside header text
 	copyBtn := widget.NewButton("📋", func() {