fix style attrs

docs/components/button.md

@@ -203,9 +203,9 @@ import { SlButton } from '@shoelace-style/shoelace/dist/react';
 
 const App = () => (
   <>
-    <SlButton type="default" size="small" style="width: 100%; margin-bottom: 1rem;">Small</SlButton>
-    <SlButton type="default" size="medium" style="width: 100%; margin-bottom: 1rem;">Medium</SlButton>
-    <SlButton type="default" size="large" style="width: 100%;">Large</SlButton>
+    <SlButton type="default" size="small" style={{ width: '100%', marginBottom: '1rem' }}>Small</SlButton>
+    <SlButton type="default" size="medium" style={{ width: '100%', marginBottom: '1rem' }}>Medium</SlButton>
+    <SlButton type="default" size="large" style={{ width: '100%' }}>Large</SlButton>
   </>
 );
 ```

docs/components/drawer.md

@@ -343,11 +343,13 @@ const App = () => {
   return (
     <>
       <SlDrawer label="Drawer" open={open} onSlAfterHide={() => setOpen(false)}>
-        <div style={{
-          height: '150vh',
-          border: 'dashed 2px rgb(var(--sl-color-neutral-200))',
-          padding: '0 1rem'
-        }}>
+        <div 
+          style={{
+            height: '150vh',
+            border: 'dashed 2px rgb(var(--sl-color-neutral-200))',
+            padding: '0 1rem'
+          }}
+        >
           <p>Scroll down and give it a try! 👇</p>
         </div>
         <SlButton slot="footer" type="primary" onClick={() => setOpen(false)}>

docs/getting-started/overview.md

@@ -9,7 +9,7 @@
 - Fully customizable with CSS 🎨
 - Includes a dark theme 🌛
 - Built with accessibility in mind ♿️
-- First-party [React components](/frameworks/react)
+- First-class [React support](/frameworks/react)
 - Open source 😸
 
 Designed in New Hampshire by [Cory LaViska](https://twitter.com/claviska).