ui(components): updated component font sizes and design component docs (#4486)

platform/docs/docusaurus.config.js

@@ -157,12 +157,6 @@ module.exports = {
           srcDark: 'img/ohif-logo.svg',
         },
         items: [
-          {
-            href: 'https://ohif.org/showcase',
-            label: 'Showcase',
-            target: '_blank',
-            position: 'left',
-          },
           {
             position: 'left',
             to: '/',
@@ -170,25 +164,28 @@ module.exports = {
             docId: 'Introduction',
             label: 'Docs',
           },
+          {
+            to: '/components',
+            label: 'Components',
+            position: 'left',
+          },
+          {
+            href: 'https://ohif.org/showcase',
+            label: 'Showcase',
+            target: '_blank',
+            position: 'left',
+          },
           {
             href: 'https://ohif.org/collaborate',
             label: 'Collaborate',
             target: '_blank',
             position: 'left',
           },
-          /*
-          {
-            to: '/playground',
-            label: 'UI Playground',
-            position: 'left',
-            className: 'new-badge',
-          },
-          */
           {
             to: '/help',
             //activeBaseRegex: '(^/help$)|(/help)',
             label: 'Help',
-            position: 'right',
+            position: 'left',
           },
           {
             type: 'docsVersionDropdown',