docs: spelling mistake

Author: big-camel

apps/example/src/pages/docs/getting-started.en-US.mdx

@@ -460,10 +460,10 @@ import { SlideToolbar } from 'react-image-previewer/ui'
 In addition to using them via `key`, you can modify their styles or wrap external components via `children`. Setting `items` will be invalid at this time
 
 ```jsx
-import { SildeArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
+import { SlideArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
 
 <>
-   <Tooltip content="prev"><SildeArrowLeft {...props} /></Tooltip>
+   <Tooltip content="prev"><SlideArrowLeft {...props} /></Tooltip>
    <Tooltip content="next"><SlideArrowRight {...props} /></Tooltip>
    <SlideCountText {...props} className="count-text" />
    <SlideDownload {...props} className="download" />

apps/example/src/pages/docs/getting-started.zh-CN.mdx

@@ -460,10 +460,10 @@ import { SlideToolbar } from 'react-image-previewer/ui'
 除了通过 `key` 来使用他们外，您可以通过 `children` 来修改他们的样式或者包裹外部组件。此时设置 `items` 将失效
 
 ```jsx
-import { SildeArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
+import { SlideArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
 
 <>
-  <Tooltip content="prev"><SildeArrowLeft {...props} /></Tooltip>
+  <Tooltip content="prev"><SlideArrowLeft {...props} /></Tooltip>
   <Tooltip content="next"><SlideArrowRight {...props} /></Tooltip>
   <SlideCountText {...props} className="count-text" />
   <SlideDownload {...props} className="download" />