[docs] Fix typo in Joy UI's Usage docs (#34200)

* Slight typo

Signed-off-by: zillion504 <70014062+zillion504@users.noreply.github.com>

* Update docs/data/joy/getting-started/usage/usage.md

Co-authored-by: danilo leal <67129314+danilo-leal@users.noreply.github.com>
Signed-off-by: Siriwat K <siriwatkunaporn@gmail.com>

* put in new line

Signed-off-by: zillion504 <70014062+zillion504@users.noreply.github.com>
Signed-off-by: Siriwat K <siriwatkunaporn@gmail.com>
Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
Co-authored-by: Siriwat K <siriwatkunaporn@gmail.com>
Co-authored-by: danilo leal <67129314+danilo-leal@users.noreply.github.com>

docs/data/joy/getting-started/usage/usage.md

@@ -6,7 +6,9 @@
 
 ### Set up the `CssVarsProvider` component
 
-Go to your `App.js` file and replace it with the code snippet below. You should see the text `Hello with joy` being rendered on your browser.
+Go to your `App.js` file and replace it with the code snippet below.
+
+You should see the text `Hello from Joy` being rendered on your browser.
 
 ```jsx
 import { CssVarsProvider } from '@mui/joy/styles';