docs: improvements of docs UI (#6038)

* docs: improvements of docs UI

* changed note about icon sizes

www/apps/ui/src/content/docs/components/table.mdx

@@ -39,4 +39,12 @@ import { Table } from "@medusajs/ui"
 <ComponentReference mainComponent="Table" componentsToShow={[
   "Table",
   "Table.Pagination"
-]} />
+]} />
+
+## Examples
+
+---
+
+### Table with Pagination
+
+<ComponentExample name="table-pagination" />

www/apps/ui/src/content/docs/icons/overview.mdx

@@ -21,7 +21,34 @@ The icons are available as an [npm package](https://www.npmjs.com/package/@medus
 ---
 
 ```tsx
-import { Sun, Moon } from "@medusajs/icons"
+import { Sun } from "@medusajs/icons"
+
+export default function Component() {
+  return (
+    <Sun />
+  )
+}
 ```
 
-<Feedback title={"Icons"} />
+<Feedback title={"Icons"} />
+
+## Icon Props
+---
+
+Icons accept all props that an `svg` element accepts.
+
+### Icon Color
+
+By default, outline icons' stroke color and solid icon's fill color are set to `currentColor`.
+
+You can set a different color by passing the `color` prop.
+
+<ComponentExample name="icon-color" />
+
+You can also use a CSS class by passing the `className` prop.
+
+<ComponentExample name="icon-color-classes" />
+
+### Icon Size
+
+All icon's width and height are `20px` and it's not possible to change them.