docs: added orders overview user guide (#2076)

www/docs/sidebars.js

@@ -493,7 +493,19 @@ module.exports = {
       type: "doc",
       id: "user-guide/index",
       label: "Introduction"
-    }
+    },
+    {
+      type: "category",
+      collapsed: false,
+      label: "Orders",
+      items: [
+        {
+          type: "doc",
+          id: "user-guide/orders/index",
+          label: "Introduction"
+        }
+      ]
+    },
   ],
   servicesSidebar: [
     {

www/docs/src/components/UiIcon/index.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import {useColorMode} from '@docusaurus/theme-common';
 
-export default function UiIcon ({ lightIcon, darkIcon = '' }) {
+export default function UiIcon ({ lightIcon, darkIcon = '', alt = '' }) {
   const {colorMode} = useColorMode();
   const icon = colorMode === 'dark' && darkIcon ? darkIcon : lightIcon;
 
   return (
-    <img src={icon} className="ui-icon" />
+    <img src={icon} className="ui-icon" alt={alt} />
   )
 }