message: use new Library, add landing route for Components
diff: /* eslint-disable import/no-namespace */
  import React from 'react'
  -import {Library} from '@compositor/kit'
  -import SideNav from './doc-components/SideNav'
  -import * as examples from './component-examples'
  +import {Library, SideNav} from './doc-components'
  +import * as examplesMap from './component-examples'
  -const ComponentPage = () => {
  - const basename = process.env.NODE_ENV === 'development' ? '/components' : '/primer-react/components'
  +const basename = process.env.NODE_ENV === 'development'
  + ? '/components/'
  + : '/primer-react/components/'
  +
  +const examples = Object.values(examplesMap).map(example => {
  + example.path = basename + example.name
  + return example
  +})
  +
  +export default function Components(props) {
  return (
  <Library
  basename={basename}
  title="Components"
  - examples={Object.values(examples)}
  - renderSideNav={({title, examples}) => <SideNav title={title} examples={examples} />}
  - />
  + examples={examples}
  + {...props}
  + >
  + These pages demonstrate primer-react components.
  + </Library>
  )
  }
  -
  -export default ComponentPage
  