Extract repeated TaskForm popover fields

[coderabbitai]

Summary

Extract the repeated popover field markup in TaskForm into a reusable PopoverField component.

Required changes

• Replace the five repeated button, aria-expanded, and MenuPanel field blocks with one component.
• Preserve all current labels, values, menu behavior, and accessibility attributes.

Affected areas

• TaskForm.tsx

Acceptance criteria

• Each existing popover field behaves as before.
• Common popover structure is defined once.

Source

• Review comment: Feature/mutations #36 (comment)
• Pull request: Feature/mutations #36
• Requested by: @Alejandroq12

[coderabbitai]

Technical note

Extract only the repeated structure. Keep field-specific state and option data in TaskForm, then pass explicit props for label, value, expanded state, and selection callback. Preserve unique button and panel IDs, aria-expanded, keyboard behavior, and focus handling.

Reference: React: Passing props to a component

[coderabbitai]

Engineering note

Extract shared structure only after you define a clear component contract. Pass each field label, current value, open state, toggle handler, and menu content as props. Keep field-specific state in TaskForm; the new component should not hide form behavior.

Read: React: Passing props to a component