Support Hex Viewer

[NghiaTranUIT]

Description

Acceptance Criteria

• Add the Hex Menu
• Show Hex View: https://www.npmjs.com/package/react-hexviewer-ts
• Work for Request & Response Body
• Make sure we don't render the HexViewer until the user clicks on it.

[NghiaTranUIT]

New Updates

• Implement the dropdown selection on the Right side
• Only show in the Body Tab (Request / Response)
• Hidden with other tabs
• Implement 2 items (Content-Type Menu Item & Hex View). Don't implement the TreeView Item. (see the screenshot)
• If the user selects the Hex View -> Select on different request -> The hex view should remain. Not revert to the default view.

Content Type Item

• Show Image, Text, JSON, XML, or Binary (Please define an Enum)

Image

• if the ContentType has the prefix: image

XML

• if the ContentType contains the xml

JSON

• if the ContentType contains the json

Text

• Other cases, try to parse the Buffer to String.

Binary

• If could not parse the Buffer to String -> Return the default case binary

Edge case: The Body is a binary

• The first item: Label = Binary, and it's disabled.
• Auto select the Hex View -> Display the Hex view for Binary body