feat: display response size with a bigger unit in tooltip

[nicognaW]

Description

The response size is always displayed using larger units like KB or MB in other API testing tools I've used. But hoppscotch shows them up with only a B. I added a tooltip to display the response size in reasonable units.

For responses with a size of 0b to 1000b, the tooltip won't show up. For those with a size of 1000b to 1000000b, kB will be shown. For those larger than 1000000b, mb will be shown. 

I am no expert on the front-end technologies, so I just imitated the current codes. If you don't like these codes, please keep the idea even if you close the pr.

[AndrewBastin]

@nicognaW please look into the given remarks and correct accordingly please.

Also, won't it be better if we flip the logic then ? (Show the KB/MB size data first and show bytes on hover) (cc: @liyasthomas)

Thank you for your effort by the way! ❤️

[nicognaW]

@AndrewBastin Huge thanks for the review and suggestions. I fixed the code mentioned in the remarks and marked them resolved.

And actually, the flip logic idea also came to me the moment after I posted the PR, so I am working on it. Please give me some time🙏.

[nicognaW]

I changed the logic. Now I'm seeing the result, and I think it'd be better to add another line with KB when MB is presented (the size is larger than 1000).

In order to do that, I could only think of using allowHTML in order to render another line of text in the tooltip, which may not be an elegant implementation. Is there a better solution I could use in such a situation(despite the fact that the current display appears to be quite good to me)?

[AndrewBastin]

lgtm 💯

[AndrewBastin]

there was a minor typo I just patched. now should be fine. lgtm 💯

Thank you for the PR @nicognaW

[nicognaW]

OK, thanks for your comment. I'm glad I could help.😆