Update display of key/value format #3117

[David-DB88]

• Breaking change? (if so, please describe the impact and migration path for existing application instances)

What changes did you make? (Give an overview)
added key value format
Is there anything you'd like reviewers to focus on?

How Has This Been Tested? (put an "x" (case-sensitive!) next to an item)

• No need to
• Manually (please, describe, if necessary)
• Unit checks
• Integration checks
• Covered by existing automation

Checklist (put an "x" (case-sensitive!) next to all the items, otherwise the build will fail)

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation (e.g. ENVIRONMENT VARIABLES)
• My changes generate no new warnings (e.g. Sonar is happy)
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged

Check out Contributing and Code of Conduct

A picture of a cute animal (not mandatory but encouraged)

[David-DB88]

if this solution is normal, then i will change the test cases

[github-actions]

Custom deployment will be available at http://pr3543.internal.kafka-ui.provectus.io

[Haarolean]

Functionally looks good overall, let's

1. rename "Key" and "Value" to "Key Serde" and "Value Serde" respectively
2. fix the linter warnings

[github-actions]

Custom deployment removed

[Mgrdich]

please check the linter error , 'proto' is assigned a value but never used

[github-actions]

Custom deployment will be available at http://pr3543.internal.kafka-ui.provectus.io

[Haarolean]

@David-DB88 one more nitpick: put the "key" one above the value, basically change the order

good to merge once done

[github-actions]

Custom deployment removed

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

75.0% Coverage
0.0% Duplication