docs(nxdev): cleanup imports (#11561)

nx-dev/data-access-menu/src/lib/menu.api.ts

@@ -1,11 +1,6 @@
 import { DocumentMetadata } from '@nrwl/nx-dev/models-document';
 import { Menu, MenuItem, MenuSection } from '@nrwl/nx-dev/models-menu';
-import {
-  createMenuItems,
-  getBasicSection,
-  getDeepDiveSection,
-  getPackageApiSection,
-} from './menu.utils';
+import { createMenuItems, getPackageApiSection } from './menu.utils';
 
 export class MenuApi {
   private menuCache: Menu | null = null;

nx-dev/feature-package-schema-viewer/src/lib/package-schema-list.tsx

@@ -1,10 +1,10 @@
 import { PackageMetadata } from '@nrwl/nx-dev/models-package';
+import { Breadcrumbs } from '@nrwl/nx-dev/ui-common';
 import { renderMarkdown } from '@nrwl/nx-dev/ui-markdoc';
 import cx from 'classnames';
 import { NextSeo } from 'next-seo';
 import { useRouter } from 'next/router';
 import { ReactNode } from 'react';
-import { Breadcrumbs } from '@nrwl/nx-dev/ui-common';
 import { Heading1 } from './ui/headings';
 import { PackageReference } from './ui/package-reference';
 

nx-dev/ui-common/src/lib/selector.tsx

@@ -1,6 +1,6 @@
 import { Listbox, Transition } from '@headlessui/react';
 import { CheckIcon, SelectorIcon } from '@heroicons/react/solid';
-import { Fragment, ReactComponentElement } from 'react';
+import { Fragment } from 'react';
 
 export interface SelectorProps<T> {
   items: { label: string; value: string; data?: T }[];

nx-dev/ui-markdoc/src/lib/tags/callout.component.tsx

@@ -1,8 +1,8 @@
 import {
   CheckCircleIcon,
   ExclamationIcon,
-  InformationCircleIcon,
   HandIcon,
+  InformationCircleIcon,
 } from '@heroicons/react/outline';
 import cx from 'classnames';
 import { ReactNode } from 'react';