New userguide index and link (#7265)

* Update the theme and search index

* Fix ref-header class bug

Gemfile.lock

@@ -1,6 +1,6 @@
 GIT
   remote: https://github.com/magento-devdocs/devdocs-theme.git
-  revision: 21c18f2fe396b5d9ba4ca4941fae4b7b48d8ea5a
+  revision: ab43ba7fd03f5ff5021e0542a86ed6e5c13793fe
   specs:
     devdocs (9)
       jekyll (>= 4.0)
@@ -54,7 +54,7 @@ GEM
       image_optim (~> 0.19)
     image_size (2.0.2)
     in_threads (1.5.4)
-    jekyll (4.0.0)
+    jekyll (4.0.1)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -127,14 +127,14 @@ GEM
       forwardable-extended (~> 2.6)
     progress (3.5.2)
     progressbar (1.10.1)
-    public_suffix (4.0.4)
+    public_suffix (4.0.5)
     rainbow (3.0.0)
     rake (13.0.1)
     rb-fsevent (0.10.4)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.4)
-    rouge (3.18.0)
+    rouge (3.19.0)
     safe_yaml (1.0.5)
     sassc (2.3.0)
       ffi (~> 1.9)

src/_includes/layout/header-scripts.html

@@ -21,8 +21,8 @@
     },
     {
       label: "User Guide",
-      name: "merchdocs_ee",
-      baseUrl: "https://docs.magento.com/m2/ee/user_guide"
+      name: "merchdocs",
+      baseUrl: "https://docs.magento.com/user-guide"
     },
     {
       label: "MBI User Guide",

src/common/css/devdocs.css

@@ -4,35 +4,19 @@
   padding: 10px;
 }
 
-/* Banner on top of the page for older versions */
-.message-banner.version-banner {
-  margin-bottom: 15px;
-}
-
-/* Info box on when the page was updated */
-.page-updated {
-  margin: 0 0 10px 0;
-  color: #767676;
-  cursor: help;
-}
-
-.page-updated img {
-  width: 18px;
-  height: 18px;
-}
 
 /* Reference styles */
-.ref-list {
+.content .ref-list {
   margin-bottom: 2.5em;
 }
 
-.ref-list dt{
+.content .ref-list dt{
   font-weight:500;
 }
 
 /* Paragraph that introduces important reference information (e.g., Related topics, Next step, Previous step), but does not qualify as a proper heading. Mimics the current H3 style */
-.ref-header {
-  font-weight: bold;
-  font-size: 1.3em;
-  margin: 1.5em 0 0.5em 0;
+.content .ref-header {
+  font-weight: var(--spectrum-heading-3-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
+  font-size: var(--spectrum-heading-3-text-size, var(--spectrum-alias-heading3-text-size));
+  margin: 2em 0 .7em 0;
 }