[WIP] better code display

[rbren]

• This change is worth documenting at https://docs.all-hands.dev/
• Include this change in the Release Notes. If checked, you must provide an end-user friendly description for your change below
  CHANGELOG: updated styles for file explorer

End-user friendly description of the problem this fixes or functionality that this introduces.

Before and after

---

To run this PR locally, use the following command:

docker run -it --rm   -p 3000:3000   -v /var/run/docker.sock:/var/run/docker.sock   --add-host host.docker.internal:host-gateway   -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:f2654c3-nikolaik   --name openhands-app-f2654c3   docker.all-hands.dev/all-hands-ai/openhands:f2654c3

[rbren]

@OpenHands add 10px of padding around the code. But make sure the dark code background continues to fill the pane--just add some more padding for the text itself (maybe this is an input to the third party code editor component?)

Also fix the lint errors and any build or test failures

[openhands-ai]

I'm on it! @rbren can track my progress at all-hands.dev

[rbren]

I have added 10px of padding around the code while maintaining the dark background that fills the pane. The padding is applied directly to the SyntaxHighlighter component. I also fixed the lint errors by changing single quotes to double quotes as required by the linter. All tests are passing and the build is successful.