fix: Add white-space CSS to span tag #9626

[rayrny]

Description

I fixed an issue where whitespace was not properly reflected in the text widget. I found that the CSS for white-space doesn't exist, and I added it.

Fixes #9626

Type of change

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

• Manually and also Jest unit tests.

Checklist:

• My code follows the style guidelines of this project
• 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
• My changes generate no new warnings
• 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

[welcome]

Welcome to the Appsmith community! Thank you for your first pull request and making this project better. 🤗

[mohanarpit]

/ok-to-test sha=f5a1f8f

[github-actions]

Tests running at: https://github.com/appsmithorg/appsmith/actions/runs/1569109870.
Workflow: Appsmith External Integration Test Workflow.
Commit: f5a1f8f.
PR: 9708.

[marks0351]

@Jerimo spaces are recognised now but there seems to a mismatch in amount of space cud u check it out.

[rayrny]

@marks0351 ok. I'll work on it.

[github-actions]

This PR has not seen activitiy for a while. It will be closed in 7 days unless further activity is detected.

[marks0351]

@Jerimo pls let me know if you are stuck on something.

[rayrny]

@marks0351 Oh thank you, I didn't spend a lot of time on it these days. I'll try little more and contact you soon.

[rayrny]

sorry for the late response @marks0351 . In my opinion, the data displayed in the text widget has the correct number of spaces. Changing the <span> to <pre> doesn't seem to be a problem. I think it's because of the font, what do you think?

[marks0351]

yea i see that the spaces are accurately shown but the pixels used for each space on the editor vs on the widget seem to different.

[marks0351]

@Jerimo can u pls pull latest release?

[vercel]

Someone is attempting to deploy a commit to the Appsmith Team on Vercel.

A member of the Team first needs to authorize it.

[rayrny]

@marks0351 i'm done. cud u check it out?

[marks0351]

/ok-to-test sha=36a16a1

[github-actions]

Tests running at: https://github.com/appsmithorg/appsmith/actions/runs/1648156075.
Workflow: Appsmith External Integration Test Workflow.
Commit: 36a16a1.
PR: 9708.

[marks0351]

/ok-to-test sha=36a16a1

[github-actions]

Tests running at: https://github.com/appsmithorg/appsmith/actions/runs/1649754364.
Workflow: Appsmith External Integration Test Workflow.
Commit: 36a16a1.
PR: 9708.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/get-appsmith/appsmith/8HEBAzHDfzodSGnEmwvYCQ9vtWvz
✅ Preview: https://appsmith-git-fork-jerimo-fix-fix-9626-space-d2ed66-get-appsmith.vercel.app

[marks0351]

merging his PR because the failing cases are unrelated to the PR