es6: remove comments between import groups throughout

per #789 (comment)

pages/doc.js

@@ -7,17 +7,17 @@ import Error from 'next/error'
 import Router from 'next/router'
 import fetch from 'isomorphic-fetch'
 import kebabCase from 'lodash.kebabcase'
-// components
+
 import Page from '../src/Page'
 import { HeadInjector } from '../src/Documentation/HeadInjector'
 import Hamburger from '../src/Hamburger'
 import SearchForm from '../src/SearchForm'
 import SidebarMenu from '../src/Documentation/SidebarMenu/SidebarMenu'
 import Markdown from '../src/Documentation/Markdown/Markdown'
 import RightPanel from '../src/Documentation/RightPanel/RightPanel'
-// sidebar data and helpers
+
 import { getItemByPath, structure } from '../src/utils/sidebar'
-// styles
+
 import { media } from '../src/styles'
 
 const ROOT_ELEMENT = 'bodybag'

server.js

@@ -1,5 +1,4 @@
 /* eslint-env node */
-
 /*
  * Custom server (with custom routes) See
  * https://nextjs.org/docs/advanced-features/custom-server

src/Documentation/Markdown/Markdown.js

@@ -2,13 +2,13 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import NextLink from 'next/link'
 import Router from 'next/router'
-// components
+
 import ReactMarkdown from 'react-markdown'
 import { LightButton } from '../LightButton'
 import Tutorials from '../Tutorials'
 import Tooltip from '../../Tooltip'
 import Collapsible from 'react-collapsible'
-// syntax highlighter
+
 import { Light as SyntaxHighlighter } from 'react-syntax-highlighter'
 import { docco } from 'react-syntax-highlighter/dist/cjs/styles/hljs'
 import python from 'react-syntax-highlighter/dist/cjs/languages/hljs/python'
@@ -20,11 +20,11 @@ import vim from 'react-syntax-highlighter/dist/cjs/languages/hljs/vim'
 import usage from './lang/usage'
 import dvc from './lang/dvc'
 import linker from './utils/remark-linker'
-// consts
+
 import { PAGE_DOC } from '../../consts'
-// utils
+
 import kebabCase from 'lodash.kebabcase'
-// styles
+
 import styled from 'styled-components'
 import { media } from '../../../src/styles'
 

src/Documentation/RightPanel/RightPanel.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import styled from 'styled-components'
 import { LightButton } from '../LightButton'
 import Tutorials from '../Tutorials'
-// utils
+
 import throttle from 'lodash.throttle'
 
 const ROOT_ELEMENT = 'bodybag'

src/Documentation/SidebarMenu/SidebarMenu.js

@@ -3,16 +3,16 @@ import PerfectScrollbar from 'perfect-scrollbar'
 import scrollIntoView from 'dom-scroll-into-view'
 import PropTypes from 'prop-types'
 import NextLink from 'next/link'
-// consts
+
 import { PAGE_DOC } from '../../consts'
-// components
+
 import DownloadButton from '../../DownloadButton'
-// utils
+
 import includes from 'lodash.includes'
-// styles
+
 import styled from 'styled-components'
 import { OnlyDesktop, media } from '../../styles'
-// sidebar helpers
+
 import { getParentsListFromPath } from '../../utils/sidebar'
 
 /** Height of each menu child items (to calc Element weight for animations) */

src/Layout/index.js

@@ -2,11 +2,11 @@ import React, { useEffect } from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
 import { useRouter } from 'next/router'
-// components
+
 import TopMenu from '../TopMenu'
 import Footer from '../Footer'
 import HamburgerMenu from '../HamburgerMenu'
-// utils
+
 import { initGA, logPageView } from '../utils/ga'
 
 export default function Layout({ children, enableSmoothScroll }) {

src/PromoSection/index.js

@@ -3,7 +3,7 @@ import styled from 'styled-components'
 import Router from 'next/router'
 import { media } from '../styles'
 import { logEvent } from '../utils/ga'
-// consts
+
 import { PAGE_DOC } from '../consts'
 
 function goToDocGetStarted() {

src/TopMenu/index.js

@@ -1,14 +1,14 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import NextLink from 'next/link'
-// components
+
 import Nav from '../Nav'
-// utils
+
 import throttle from 'lodash.throttle'
-// styles
+
 import styled from 'styled-components'
 import { media } from '../styles'
-// constants
+
 import { HEADER } from '../consts'
 
 const MIN_HEIGHT = 78