Add new documentation files for icons and UI components; restructure existing files

docs/icons/libraries/react.mdx

@@ -0,0 +1,40 @@
+---
+title: Tabler Icons for React
+---
+
+![](https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/packages/og-package-react.png)
+
+## Installation
+
+<TabsPackage name="@tabler/icons-react" />
+
+or just [download from Github](https://github.com/tabler/tabler-icons/releases).
+
+## How to use
+
+It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
+
+```js
+import { IconArrowLeft } from '@tabler/icons-react';
+
+const App = () => {
+  return <IconArrowLeft />;
+};
+
+export default App;
+```
+
+You can pass additional props to adjust the icon.
+
+```js
+<IconArrowLeft color="red" size={48} />
+```
+
+### Props
+
+| name          | type     | default      |
+| ------------- | -------- | ------------ |
+| `size`        | _Number_ | 24           |
+| `color`       | _String_ | currentColor |
+| `stroke`      | _Number_ | 2            |
+