added metadata view in mitm\web

[Rishabhg71]

Description

closes #5704

• Added metadata viewer in mitm\web.

Checklist

• I have updated tests where applicable.
• I have added an entry to the CHANGELOG.

I don't think any test is required in this case

[Prinzhorn]

I assume you or the editor you're using were doing some automatic code formatting. This makes it hard to focus on the actual changes. We should definitely clean this up at some point (e.g. mixed single/double quotes or missing spaces) but it would be better not to have these changes in this PR.

[Rishabhg71]

I tried to have the proper formatting for web but there is no formatter config available
Maybe in the web we can use prettier for web

[Prinzhorn]

I've opened #5984 to fix this in the future. For now I recommend disabling any formatting your editor does. That's a recommendation I would give in general when contributing to a project. Formatting changes make PRs unnecessarily noisy. Unrelated code should not be touched.

[Rishabhg71]

Ok i will submit make the changes and push it

[Rishabhg71]

ignore: to make it easy to compare changes
made this commit to revert the changes to original formatting

changes made in mitm web
made the changes without formatting

[Prinzhorn]

Perfect, I think that's good for a first iteration. Two small changes:

1. We should allow any type of metadata, so I'd check for null (None in Python) and throw everything else into JSON.stringify. Fun fact, strings are already rendered because Object.keys('foo') is [ '0', '1', '2' ]
2. Indent the JSON, e.g. JSON.stringify(flow.metadata, null, 4)

[Rishabhg71]

@Prinzhorn
i have messed up my fork by clicking on discard button when updating my fork
which closed this PR
I have made the changes you asked in 1st iteration

[Rishabhg71]

if i change this to a lot of test start failing so should a leave metadata as empty dict or it must initialized with None

self.metadata: Any = None