install: remove from menu, update in docs

moving nav entry before Cmd Ref and clarifying/simplifying the page as well

Author: jorgeorpinel

content/docs/install.md

@@ -1,30 +1,22 @@
 # Installing CML as a Package
 
-CML comes pre-installed in our provided
-[Docker Images](/doc/self-hosted-runners#docker-images). Alternatively, GitHub
-users can also use the [`setup-cml` action](/doc/start/github#setup-action).
+<admon>
 
-However, in all other cases, CML can be installed directly as a Node.js package
-using the package manager `npm` ([see below](#installing-nodejs)):
+Installing CML directly in CI environment is not typically needed, as comes
+pre-installed in our provided [Docker Images]. Alternatively, GitHub users can
+use the [`setup-cml` action].
 
-```cli
-$ npm i -g @dvcorg/cml
-```
+[docker images]: /doc/self-hosted-runners#docker-images
+[`setup-cml` action]: /doc/start/github#setup-action
 
-You may also need to install additional dependencies to use
-[DVC plots](https://dvc.org/doc/command-reference/plots) and Vega-Lite:
+</admon>
 
-```cli
-$ sudo apt-get install -y \
-  libcairo2-dev libfontconfig-dev \
-  libgif-dev libjpeg-dev libpango1.0-dev librsvg2-dev
-$ npm install -g vega-cli vega-lite
-```
+CML can be installed directly as a [Node.js](https://nodejs.org) package using
+`npm`.
 
-## Installing Node.js
+<details>
 
-Instructions for installing [Node.js](https://nodejs.org) and its package
-manager `npm` can be found below.
+### Installing Node.js
 
 <toggle>
 <tab title="GitLab">
@@ -51,3 +43,20 @@ install a particular version, add the following step to your workflow:
 
 </tab>
 </toggle>
+
+</details>
+
+```cli
+$ npm i -g @dvcorg/cml
+```
+
+To use [DVC plots], you need to install these additional dependencies:
+
+```cli
+$ sudo apt-get install -y \
+  libcairo2-dev libfontconfig-dev \
+  libgif-dev libjpeg-dev libpango1.0-dev librsvg2-dev
+$ npm install -g vega-cli vega-lite
+```
+
+[dvc plots]: https://dvc.org/doc/command-reference/plots

content/docs/sidebar.json

@@ -33,6 +33,10 @@
     "label": "Self-hosted Runners",
     "slug": "self-hosted-runners"
   },
+  {
+    "label": "Install as a Package",
+    "slug": "install"
+  },
   {
     "label": "Command Reference",
     "slug": "ref",
@@ -68,10 +72,6 @@
       }
     ]
   },
-  {
-    "label": "Install as a Package",
-    "slug": "install"
-  },
   {
     "label": "Contributing",
     "slug": "contributing",

src/components/molecules/HamburgerMenu/index.tsx

@@ -94,15 +94,6 @@ export const HamburgerMenu: React.FC<
             Doc
           </Link>
         </li>
-        <li className={styles.section}>
-          <Link
-            href="/doc/install"
-            className={styles.sectionHeading}
-            onClick={handleItemClick('install')}
-          >
-            Install
-          </Link>
-        </li>
 
         <li className={styles.section}>
           <div className={styles.sectionHeading}>Support</div>

src/components/organisms/SiteHeader/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import { Flex, Box, Container, Button } from '@theme-ui/components'
-import InstallPopup from '../../molecules/InstallPopup'
 import SmartLink from '../../atoms/SmartLink'
 import SiteLogo from '../../molecules/SiteLogo'
 import Alert from './Alert'
@@ -145,7 +144,6 @@ const Header: React.FC<IHeaderProps> = ({ isMain }) => {
 
   const collapsed = opened
 
-  const installPopup = usePopup()
   const otherToolsPopup = usePopup()
 
   return (
@@ -193,29 +191,6 @@ const Header: React.FC<IHeaderProps> = ({ isMain }) => {
                   {label}
                 </SmartLink>
               ))}
-              <Box
-                ref={installPopup?.containerEl}
-                sx={{ position: ['static', 'relative'] }}
-                onMouseEnter={installPopup.open}
-                onMouseLeave={installPopup.close}
-              >
-                <Button
-                  onPointerUp={installPopup.toggle}
-                  onKeyUp={onSelectKey(installPopup.toggle)}
-                  variant="layout.Header.Nav.NavButton"
-                  sx={
-                    installPopup.isOpen
-                      ? { variant: 'layout.Header.Nav.NavButton.Active' }
-                      : {}
-                  }
-                >
-                  Install
-                </Button>
-                <InstallPopup
-                  onClose={installPopup.close}
-                  isOpen={installPopup.isOpen}
-                />
-              </Box>
               <Box
                 variant="layout.Header.Nav.OtherTools"
                 ref={otherToolsPopup.containerEl}