refactor: reorder links in the sidebar navigation

Author: mrholek

src/_nav.js

@@ -225,47 +225,70 @@ const _nav = [
     items: [
       {
         component: CNavItem,
-        name: 'Form Control',
-        to: '/forms/form-control',
+        name: (
+          <React.Fragment>
+            {'Autocomplete'}
+            <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
+          </React.Fragment>
+        ),
+        href: 'https://coreui.io/react/docs/forms/autocomplete/',
+        badge: {
+          color: 'danger',
+          text: 'PRO',
+        },
       },
       {
         component: CNavItem,
-        name: 'Select',
-        to: '/forms/select',
+        name: 'Checks & Radios',
+        to: '/forms/checks-radios',
       },
       {
         component: CNavItem,
         name: (
           <React.Fragment>
-            {'Multi Select'}
+            {'Date Picker'}
             <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
           </React.Fragment>
         ),
-        href: 'https://coreui.io/react/docs/forms/multi-select/',
+        href: 'https://coreui.io/react/docs/forms/date-picker/',
         badge: {
           color: 'danger',
           text: 'PRO',
         },
       },
       {
         component: CNavItem,
-        name: 'Checks & Radios',
-        to: '/forms/checks-radios',
+        name: 'Date Range Picker',
+        href: 'https://coreui.io/react/docs/forms/date-range-picker/',
+        badge: {
+          color: 'danger',
+          text: 'PRO',
+        },
       },
       {
         component: CNavItem,
-        name: 'Range',
-        to: '/forms/range',
+        name: 'Floating Labels',
+        to: '/forms/floating-labels',
+      },
+      {
+        component: CNavItem,
+        name: 'Form Control',
+        to: '/forms/form-control',
+      },
+      {
+        component: CNavItem,
+        name: 'Input Group',
+        to: '/forms/input-group',
       },
       {
         component: CNavItem,
         name: (
           <React.Fragment>
-            {'Range Slider'}
+            {'Multi Select'}
             <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
           </React.Fragment>
         ),
-        href: 'https://coreui.io/react/docs/forms/range-slider/',
+        href: 'https://coreui.io/react/docs/forms/multi-select/',
         badge: {
           color: 'danger',
           text: 'PRO',
@@ -275,44 +298,63 @@ const _nav = [
         component: CNavItem,
         name: (
           <React.Fragment>
-            {'Rating'}
+            {'Password Input'}
             <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
           </React.Fragment>
         ),
-        href: 'https://coreui.io/react/docs/forms/rating/',
+        href: 'https://coreui.io/react/docs/forms/password-input/',
         badge: {
           color: 'danger',
           text: 'PRO',
         },
       },
       {
         component: CNavItem,
-        name: 'Input Group',
-        to: '/forms/input-group',
+        name: 'Range',
+        to: '/forms/range',
       },
       {
         component: CNavItem,
-        name: 'Floating Labels',
-        to: '/forms/floating-labels',
+        name: (
+          <React.Fragment>
+            {'Range Slider'}
+            <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
+          </React.Fragment>
+        ),
+        href: 'https://coreui.io/react/docs/forms/range-slider/',
+        badge: {
+          color: 'danger',
+          text: 'PRO',
+        },
       },
       {
         component: CNavItem,
         name: (
           <React.Fragment>
-            {'Date Picker'}
+            {'Rating'}
             <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
           </React.Fragment>
         ),
-        href: 'https://coreui.io/react/docs/forms/date-picker/',
+        href: 'https://coreui.io/react/docs/forms/rating/',
         badge: {
           color: 'danger',
           text: 'PRO',
         },
       },
       {
         component: CNavItem,
-        name: 'Date Range Picker',
-        href: 'https://coreui.io/react/docs/forms/date-range-picker/',
+        name: 'Select',
+        to: '/forms/select',
+      },
+      {
+        component: CNavItem,
+        name: (
+          <React.Fragment>
+            {'Stepper'}
+            <CIcon icon={cilExternalLink} size="sm" className="ms-2" />
+          </React.Fragment>
+        ),
+        href: 'https://coreui.io/react/docs/forms/stepp/',
         badge: {
           color: 'danger',
           text: 'PRO',