es6: manual import sort of 3 basic files

per #789 (comment)

pages/doc.js

@@ -1,12 +1,14 @@
 /* global docsearch:readonly */
 
-import React, { useCallback, useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import styled from 'styled-components'
-import Error from 'next/error'
+import React, { useState, useCallback, useEffect } from 'react'
+import kebabCase from 'lodash.kebabcase'
+import Error from 'next/error' // comp
 import Router from 'next/router'
 import fetch from 'isomorphic-fetch'
-import kebabCase from 'lodash.kebabcase'
+import PropTypes from 'prop-types'
+import styled from 'styled-components'
+
+import { structure, getItemByPath } from '../src/utils/sidebar'
 
 import Page from '../src/Page'
 import { HeadInjector } from '../src/Documentation/HeadInjector'
@@ -15,9 +17,6 @@ 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'
-
-import { getItemByPath, structure } from '../src/utils/sidebar'
-
 import { media } from '../src/styles'
 
 const ROOT_ELEMENT = 'bodybag'

server.js

@@ -8,9 +8,9 @@
  * are running.
  */
 
+const next = require('next')
 const { createServer } = require('http')
 const { parse } = require('url')
-const next = require('next')
 
 const { getItemByPath } = require('./src/utils/sidebar')
 

src/utils/sidebar.js

@@ -19,6 +19,7 @@
 */
 
 const startCase = require('lodash.startcase')
+
 const sidebar = require('../../public/static/docs/sidebar.json')
 
 const PATH_ROOT = '/doc/'