Introduce UI Components documentation (#1926)

* new contributor guide folder architecture

* update content pass 1

* Prepare UI component folder to receive componentns

* Add component doc example for button

* Fix broken links

* Fix broken links

* Fix images

docs/src/theme/DocSidebarItem/Link/index.js

@@ -18,9 +18,7 @@ const DocSidebarItemLink = ({
   const { href, label, className, autoAddBaseUrl, customProps = {} } = item;
   const isActive = isActiveSidebarItem(item, activePath);
   const isInternalLink = isInternalUrl(href);
-  const IconComponent = customProps?.icon
-    ? icons[customProps.icon]
-    : icons.TbFaceIdError;
+  const IconComponent = customProps?.icon ? icons[customProps.icon] : null;
 
   return (
     <li
@@ -48,9 +46,11 @@ const DocSidebarItemLink = ({
         {...props}
       >
         <span className="icon-and-text">
+        {IconComponent && (
           <i className="sidebar-item-icon">
             <IconComponent size={customProps.iconSize} />
           </i>
+        )}
           {label}
         </span>
         {!isInternalLink && <IconExternalLink />}

docs/src/theme/icons.js

@@ -11,6 +11,11 @@ export {
   TbChartDots,
   TbChecklist,
   TbCloud,
+  TbScript,
+  TbForms,
+  TbTable,
+  TbSlideshow,
+  TbBrandDocker,
   TbDeviceDesktop,
   TbExclamationCircle,
   TbEyeglass,