Refactor imports

app/components/back-to-top.tsx

@@ -1,5 +1,5 @@
-import { Link } from 'react-router'
 import { ChevronUpIcon } from 'lucide-react'
+import { Link } from 'react-router'
 
 export function BackToTop({ className }: { className?: string }) {
   return (

app/components/error-boundary.tsx

@@ -1,10 +1,10 @@
+import { captureRemixErrorBoundaryError } from '@sentry/remix'
 import {
   type ErrorResponse,
   isRouteErrorResponse,
   useParams,
   useRouteError,
 } from 'react-router'
-import { captureRemixErrorBoundaryError } from '@sentry/remix'
 import { getErrorMessage } from '#app/utils/misc.tsx'
 
 type StatusHandler = (info: {

app/components/newsletter.tsx

@@ -1,5 +1,5 @@
-import { useFetcher } from 'react-router'
 import { LoaderIcon } from 'lucide-react'
+import { useFetcher } from 'react-router'
 import { HoneypotInputs } from 'remix-utils/honeypot/react'
 import { useSpinDelay } from 'spin-delay'
 import { type action } from '#app/routes/resources+/newsletter.ts'

app/components/shell.tsx

@@ -1,10 +1,10 @@
-import { Link, NavLink } from 'react-router'
 import {
   ExternalLinkIcon,
   Home,
   InstagramIcon,
   YoutubeIcon,
 } from 'lucide-react'
+import { Link, NavLink } from 'react-router'
 import { cn } from '#app/utils/misc.tsx'
 import { LogoType } from './brand.tsx'
 import { NewsletterForm } from './newsletter.tsx'

app/components/toc.tsx

@@ -1,5 +1,5 @@
-import { Link } from 'react-router'
 import { BookOpen } from 'lucide-react'
+import { Link } from 'react-router'
 import { cn } from '#app/utils/misc.js'
 
 export function Toc({

app/components/ui/divider.tsx

@@ -1,5 +1,5 @@
-import { Link } from 'react-router'
 import { ChevronUpIcon } from 'lucide-react'
+import { Link } from 'react-router'
 import { cn } from '#app/utils/misc.js'
 
 export function Divider({

app/entry.client.tsx

@@ -1,6 +1,6 @@
-import { HydratedRouter } from 'react-router/dom'
 import { startTransition } from 'react'
 import { hydrateRoot } from 'react-dom/client'
+import { HydratedRouter } from 'react-router/dom'
 
 if (ENV.MODE === 'production' && ENV.SENTRY_DSN) {
   import('./utils/monitoring.client.tsx')

app/root.tsx

@@ -1,3 +1,5 @@
+import { withSentry } from '@sentry/remix'
+import { MenuIcon } from 'lucide-react'
 import {
   Link,
   Links,
@@ -8,9 +10,8 @@ import {
   useLoaderData,
   useLocation,
 } from 'react-router'
-import { withSentry } from '@sentry/remix'
-import { MenuIcon } from 'lucide-react'
 import { HoneypotProvider } from 'remix-utils/honeypot/react'
+import { type Route } from '../.react-router/types/app/+types/root.ts'
 import { LogoSymbol, LogoType } from './components/brand.tsx'
 import { GeneralErrorBoundary } from './components/error-boundary.tsx'
 import { FooterNavigation, Navigation } from './components/shell.tsx'
@@ -24,7 +25,6 @@ import fontStyleSheetUrl from './styles/font.css?url'
 import { getEnv } from './utils/env.server.ts'
 import { honeypot } from './utils/honeypot.server.ts'
 import { cn, getDomainUrl } from './utils/misc.tsx'
-import { type Route } from '../.react-router/types/app/+types/root.ts'
 
 export function links() {
   return [