Add min and max lines for displaying json editor

[fenglixa]

Fixes #2713
Add min and max lines defining for json editor, instead of hardcode height(300px)

UT PASS, Append my UT result here:

3 lines json display as below after my fix:

muilt-lines json display as below after my fix:

---

This change is 

[k8s-ci-robot]

Hi @fenglixa. Thanks for your PR.

I'm waiting for a kubeflow member to verify that this patch is reasonable to test. If it is, they should reply with /ok-to-test on its own line. Until that is done, I will not automatically test new commits in this PR, but the usual testing commands by org members will still work. Regular contributors should join the org to skip this step.

Once the patch is verified, the new status will be reflected by the ok-to-test label.

I understand the commands that are listed here.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[fenglixa]

/cc @Bobgy could you help review, comments?

[Bobgy]

Thanks a lot for looking into this!
/ok-to-test

[Bobgy]

You need to run npm test and update changed snapshots

[fenglixa]

Thanks @Bobgy, Understand, updated just now. : )
Test should be PASS now:

[Bobgy]

Great! Thanks for your contribution!
/lgtm
/approve

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: Bobgy

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [Bobgy]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment