fix: prettierignore mdx files since not supported yet

.prettierignore

@@ -1 +1,4 @@
 .next
+
+# waiting for mdx3 support some day (https://github.com/prettier/prettier/issues/12209)
+*.mdx

docs/getting-started/authoring.mdx

@@ -134,20 +134,20 @@ export function Box(props) {
   useFrame((state, delta) => (meshRef.current.rotation.x += delta))
 
 return (
+
+{' '}
 <mesh
-{...props}
-ref={meshRef}
-scale={active ? 1.5 : 1}
-onClick={(event) => setActive(!active)}
-onPointerOver={(event) => setHover(true)}
-onPointerOut={(event) => setHover(false)} >
-<boxGeometry args={[1, 1, 1]} />
-<meshStandardMaterial color={hovered ? 'hotpink' : 'orange'} />
+  {...props}
+  ref={meshRef}
+  scale={active ? 1.5 : 1}
+  onClick={(event) => setActive(!active)}
+  onPointerOver={(event) => setHover(true)}
+  onPointerOut={(event) => setHover(false)}
+>
+  <boxGeometry args={[1, 1, 1]} />
+  <meshStandardMaterial color={hovered ? 'hotpink' : 'orange'} />
 </mesh>
-)
-}`,
-    '/App.js': `import { Canvas } from '@react-three/fiber'
-import {Box} from './Box'
+) }`, '/App.js': `import {Canvas} from '@react-three/fiber' import {Box} from './Box'
 
 export default function App() {
   return (