[Breakpoint] #8 Header & Value Auto Completion

[NghiaTranUIT]

Description

See the video to understand how the Auto-Completion works

CleanShot.2023-04-10.at.13.56.06.mp4

Acceptance Criteria

• Show the Header Auto-completion if the user is on the Header TextField
• Show the Value Auto-completion if the user is on the Value TextField
• Implement a basic fuzzy search with this lib: https://www.npmjs.com/package/fuse.js
• Ping @NghiaTranUIT to get a list of Header and Value
• When the auto-completion is displayed, I can use ⬆️ key or ⬇️ to move the selection -> Enter to select
• Make sure the Auto-Completion Popover doesn't steal the focus on the Text Field.