reorder imports to non alphabetic

Author: ricksmith130

src/components/content-presentation/table/components/TablePanel.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, FC, HTMLProps } from 'react';
+import React, { FC, ComponentProps, HTMLProps } from 'react';
 import classNames from 'classnames';
 import HeadingLevel from '@components/utils/HeadingLevel';
 

src/components/form-elements/checkboxes/components/Box.tsx

@@ -1,12 +1,12 @@
 'use client';
 
 import React, {
+  FC,
+  HTMLProps,
   useContext,
   ReactNode,
   useEffect,
   useState,
-  FC,
-  HTMLProps
 } from 'react';
 import classNames from 'classnames';
 import CheckboxContext, { ICheckboxContext } from '../CheckboxContext';

src/components/form-elements/date-input/components/IndividualDateInputs.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useContext, ChangeEvent, HTMLProps, FC } from 'react';
+import React, { FC, HTMLProps, useContext, ChangeEvent } from 'react';
 import classNames from 'classnames';
 import Label, { LabelProps } from '../../label/Label';
 import DateInputContext, { IDateInputContext } from '../DateInputContext';

src/components/form-elements/radios/components/Radio.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { FC, HTMLProps, ReactNode, useContext, useEffect, useState } from 'react';
+import React, { FC, HTMLProps, useContext, ReactNode, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { RadiosContext, IRadiosContext } from '../RadioContext';
 import HintText, { HintTextProps } from '../../hint-text/HintText';

src/components/navigation/breadcrumb/Breadcrumb.tsx

@@ -3,19 +3,19 @@ import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 import { childIsOfComponentType } from '@util/types/TypeGuards';
 
-type ItemProps = AsElementLink<'a'>;
+type Item = AsElementLink<'a'>;
 
-const Item: FC<ItemProps> = ({ className, children, asElement: Component = 'a', ...rest }) => (
+const Item: FC<Item> = ({ className, children, asElement: Component = 'a', ...rest }) => (
   <li className="nhsuk-breadcrumb__item">
     <Component className={classNames('nhsuk-breadcrumb__link', className)} {...rest}>
       {children}
     </Component>
   </li>
 );
 
-type BackProps = AsElementLink<'a'> & { accessiblePrefix?: string };
+type Back = AsElementLink<'a'> & { accessiblePrefix?: string };
 
-const Back: FC<BackProps> = ({
+const Back: FC<Back> = ({
   className,
   children,
   asElement: Component = 'a',
@@ -30,14 +30,14 @@ const Back: FC<BackProps> = ({
   </p>
 );
 
-type BreadcrumbProps = HTMLProps<HTMLDivElement>;
+type Breadcrumb = HTMLProps<HTMLDivElement>;
 
 type SplitChildren = {
   ItemChildren: Array<ReactNode>;
   OtherChildren: Array<ReactNode>;
 };
 
-const Breadcrumb: FC<BreadcrumbProps> & { Item: typeof Item; Back: typeof Back } = ({
+const Breadcrumb: FC<Breadcrumb> & { Item: typeof Item; Back: typeof Back } = ({
   className,
   children,
   'aria-label': ariaLabel = 'Breadcrumb',

src/components/navigation/card/components/CardLink.tsx

@@ -2,11 +2,11 @@ import React, { ElementType, FC } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 
-interface CardLinkProps extends AsElementLink<React.ElementType> {
+interface CardLink extends AsElementLink<React.ElementType> {
   className?: string;
 }
 
-const CardLink: FC<CardLinkProps> = ({
+const CardLink: FC<CardLink> = ({
   className,
   asElement: Component = 'a',
   ...rest

src/components/navigation/header/components/NavDropdownMenu.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useContext, useEffect, MouseEvent, FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps, useContext, useEffect, MouseEvent } from 'react';
 import HeaderContext, { IHeaderContext } from '../HeaderContext';
 import { ChevronDown as ChevronDownIcon } from '@components/content-presentation/icons';
 

src/components/navigation/header/components/NavItem.tsx

@@ -2,11 +2,11 @@ import React, { FC } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 
-export interface NavItemProps extends AsElementLink<'a'> {
+export interface NavItem extends AsElementLink<'a'> {
   home?: boolean;
 }
 
-const NavItem: FC<NavItemProps> = ({
+const NavItem: FC<NavItem> = ({
   home,
   className,
   children,

src/components/utils/SingleInputFormGroup.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useState, useEffect, useContext, HTMLProps, ReactNode } from 'react';
+import React, { ReactNode, useState, useEffect, HTMLProps, useContext } from 'react';
 import classNames from 'classnames';
 import HintText from '../form-elements/hint-text/HintText';
 import ErrorMessage from '../form-elements/error-message/ErrorMessage';

src/patterns/nav-a-z/NavAZ.tsx

@@ -1,4 +1,4 @@
-import { FC, HTMLProps, ReactNode } from 'react';
+import React, { FC, HTMLProps, ReactNode  } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';