Improve the workflow list

- Add content shape to `ContentItemView` to make it easier to click
- Add initial focus to the workflow list
- Refactor `ContentItemView` to resize more efficient

App/Sources/UI/Views/ContentItemView.swift

@@ -49,14 +49,15 @@ struct ContentItemView: View {
       Text(workflow.name)
         .lineLimit(1)
         .allowsTightening(true)
+        .frame(maxWidth: .infinity, alignment: .leading)
 
-      Spacer()
       if let binding = workflow.binding {
         KeyboardShortcutView(shortcut: .init(key: binding, lhs: true, modifiers: []))
+          .fixedSize()
           .font(.caption)
+          .lineLimit(1)
           .allowsTightening(true)
-          .frame(minWidth: 32, maxWidth: .infinity, alignment: .trailing)
-          .layoutPriority(-1)
+          .frame(minWidth: 32, alignment: .trailing)
       }
     }
     .contentShape(Rectangle())

App/Sources/UI/Views/ContentListView.swift

@@ -76,6 +76,7 @@ struct ContentListView: View {
             ForEach(publisher.data.filter(search).lazy, id: \.id) { element in
               ContentItemView(element, focusPublisher: focusPublisher, publisher: publisher,
                               contentSelectionManager: contentSelectionManager, onAction: onAction)
+              .contentShape(Rectangle())
               .onTapGesture {
                 contentSelectionManager.handleOnTap(publisher.data, element: element)
                 focusPublisher.publish(element.id)
@@ -164,6 +165,13 @@ struct ContentListView: View {
           }
         }
       }
+      .onAppear {
+        if !publisher.data.isEmpty {
+          DispatchQueue.main.async {
+            focus.wrappedValue = .workflows
+          }
+        }
+      }
     }
   }