Fix lint issues

src/system/Nav/Nav.stories.tsx

@@ -1,13 +1,7 @@
-/**
- * External dependencies
- */
-import type { StoryObj } from '@storybook/react';
-
-/**
- * Internal dependencies
- */
 import { Nav, NavItem } from '../../system';
 
+import type { StoryObj } from '@storybook/react';
+
 export default {
 	title: 'Navigation/Nav',
 	component: Nav,

src/system/Nav/Nav.test.tsx

@@ -12,7 +12,6 @@ import { ThemeUIProvider } from 'theme-ui';
  * Internal dependencies
  */
 import { Nav, NavItem } from './';
-
 import { theme } from '../';
 
 const renderWithTheme = children =>

src/system/Nav/Nav.tsx

@@ -1,10 +1,10 @@
 /** @jsxImportSource theme-ui */
-import React, { Ref, forwardRef } from 'react';
 import * as NavigationMenu from '@radix-ui/react-navigation-menu';
 import classNames from 'classnames';
+import { Ref, forwardRef } from 'react';
+import { ThemeUIStyleObject } from 'theme-ui';
 
 import { VIP_NAV } from '.';
-import { ThemeUIStyleObject } from 'theme-ui';
 
 export type NavVariant = 'primary' | 'tabs';
 

src/system/Nav/NavItem.tsx

@@ -3,15 +3,15 @@
 /**
  * External dependencies
  */
-import React, { Ref, forwardRef } from 'react';
 import * as NavigationMenu from '@radix-ui/react-navigation-menu';
 import classNames from 'classnames';
+import { Ref, forwardRef } from 'react';
+import { Theme, ThemeUIStyleObject } from 'theme-ui';
 
 /**
  * Internal dependencies
  */
 import { VIP_NAV } from '.';
-import { Theme, ThemeUIStyleObject } from 'theme-ui';
 import { NavVariant } from './Nav';
 
 interface NavItemTheme extends Theme {

src/system/Nav/index.tsx

@@ -2,7 +2,6 @@
  * Internal dependencies
  */
 import { NavPrimary as Primary, NavTab as Tab } from './Nav';
-
 import { ItemPrimary, ItemTab } from './NavItem';
 
 export const VIP_NAV = 'vip-nav-component';