Separate Component Concerns

In panel development, keep distinct concerns in separate component files whenever applicable. For example, use list.jsx, listActions.jsx, filters.jsx, sorts.jsx, headers.jsx, row.jsx, card.jsx, itemActions.jsx, form.jsx, fields.jsx, field.jsx, filter.jsx, and item.jsx instead of combining them into larger components.