fix: peek overlay object value in lowercase (#32412)

## Description

Fixes https://github.com/appsmithorg/appsmith/issues/32377

## Automation

/ok-to-test tags="@tag.JS"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!IMPORTANT]  
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/8551605878>
> Commit: `ab8ed455e532fbc2761f00e4db67bddc5779aa90`
> Cypress dashboard url: <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=8551605878&attempt=1"
target="_blank">Click here!</a>
> All cypress tests have passed 🎉🎉🎉

<!-- end of auto-generated comment: Cypress test results  -->



<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Updated the text style in the JSON viewer to preserve the original
text case.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Rishabh Rathod 2024-04-04 16:36:53 +05:30 committed by GitHub
parent 615992c4d9
commit 0aee923248
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -55,7 +55,6 @@ export const JsonWrapper = styled.div`
padding-bottom: 0 !important;
border-left: 0 !important;
.variable-value div {
text-transform: lowercase;
font-size: 10px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;