fix: reorder import statements for consistency

Reorganized import statements across multiple files to maintain consistent import ordering. This includes grouping external imports, local imports, and type imports separately for better readability.

Author: thevuong

apps/docs/app/examples/authentication/_components/user-auth-form.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { Icons } from '@/components/icons';
 import { Button, cn, Label, TextInput } from '@codefast/ui';
 import {
   type HTMLAttributes,
@@ -10,6 +9,8 @@ import {
 } from 'react';
 import { type SubmitHandler } from 'react-hook-form';
 
+import { Icons } from '@/components/icons';
+
 type UserAuthFormProps = HTMLAttributes<HTMLDivElement>;
 
 export function UserAuthForm({

apps/docs/app/examples/authentication/page.tsx

@@ -1,10 +1,11 @@
-import { UserAuthForm } from '@/app/examples/authentication/_components/user-auth-form';
 import { buttonVariants, cn } from '@codefast/ui';
 import { type Metadata } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
 import { type JSX } from 'react';
 
+import { UserAuthForm } from '@/app/examples/authentication/_components/user-auth-form';
+
 export const metadata: Metadata = {
   title: 'Authentication',
   description: 'Authentication forms built using the components.',

apps/docs/app/examples/cards/_components/create-account.tsx

@@ -1,4 +1,3 @@
-import { Icons } from '@/components/icons';
 import {
   Button,
   Card,
@@ -13,6 +12,8 @@ import {
 } from '@codefast/ui';
 import { type JSX } from 'react';
 
+import { Icons } from '@/components/icons';
+
 export function CreateAccount(): JSX.Element {
   return (
     <Card>

apps/docs/app/examples/cards/_components/date-picker.tsx

@@ -1,7 +1,8 @@
-import { DatePickerWithRange } from '@/components/date-picker-with-range';
 import { Card, CardBody, Label } from '@codefast/ui';
 import { type JSX } from 'react';
 
+import { DatePickerWithRange } from '@/components/date-picker-with-range';
+
 export function DatePicker(): JSX.Element {
   return (
     <Card>

apps/docs/app/examples/cards/_components/payment-method.tsx

@@ -1,4 +1,3 @@
-import { Icons } from '@/components/icons';
 import {
   Button,
   Card,
@@ -19,6 +18,8 @@ import {
 } from '@codefast/ui';
 import { type JSX } from 'react';
 
+import { Icons } from '@/components/icons';
+
 export function PaymentMethod(): JSX.Element {
   return (
     <Card>

apps/docs/app/examples/cards/page.tsx

@@ -1,3 +1,8 @@
+import { cn } from '@codefast/ui';
+import { type Metadata } from 'next';
+import Image from 'next/image';
+import { type HTMLAttributes, type JSX } from 'react';
+
 import { CookieSettings } from '@/app/examples/cards/_components/cookie-settings';
 import { CreateAccount } from '@/app/examples/cards/_components/create-account';
 import { DatePicker } from '@/app/examples/cards/_components/date-picker';
@@ -7,10 +12,6 @@ import { PaymentMethod } from '@/app/examples/cards/_components/payment-method';
 import { ReportAnIssue } from '@/app/examples/cards/_components/report-an-issue';
 import { ShareDocument } from '@/app/examples/cards/_components/share-document';
 import { TeamMembers } from '@/app/examples/cards/_components/team-members';
-import { cn } from '@codefast/ui';
-import { type Metadata } from 'next';
-import Image from 'next/image';
-import { type HTMLAttributes, type JSX } from 'react';
 
 export const metadata: Metadata = {
   title: 'Cards',

apps/docs/app/examples/charts/page.tsx

@@ -1,8 +1,9 @@
-import { ChartAreaAxes } from '@/app/examples/charts/_components/chart-area-axes';
-import { ChartAreaDefault } from '@/app/examples/charts/_components/chart-area-default';
 import { type Metadata } from 'next';
 import { type JSX } from 'react';
 
+import { ChartAreaAxes } from '@/app/examples/charts/_components/chart-area-axes';
+import { ChartAreaDefault } from '@/app/examples/charts/_components/chart-area-default';
+
 export const metadata: Metadata = {
   title: 'Charts',
 };

apps/docs/app/examples/dashboard/page.tsx

@@ -1,10 +1,3 @@
-import { MainNav } from '@/app/examples/dashboard/_components/main-nav';
-import { Overview } from '@/app/examples/dashboard/_components/overview';
-import { RecentSales } from '@/app/examples/dashboard/_components/recent-sales';
-import { Search } from '@/app/examples/dashboard/_components/search';
-import { TeamSwitcher } from '@/app/examples/dashboard/_components/team-switcher';
-import { UserNav } from '@/app/examples/dashboard/_components/user-nav';
-import { DatePickerWithRange } from '@/components/date-picker-with-range';
 import {
   Button,
   Card,
@@ -21,6 +14,14 @@ import { type Metadata } from 'next';
 import Image from 'next/image';
 import { type JSX, Suspense } from 'react';
 
+import { MainNav } from '@/app/examples/dashboard/_components/main-nav';
+import { Overview } from '@/app/examples/dashboard/_components/overview';
+import { RecentSales } from '@/app/examples/dashboard/_components/recent-sales';
+import { Search } from '@/app/examples/dashboard/_components/search';
+import { TeamSwitcher } from '@/app/examples/dashboard/_components/team-switcher';
+import { UserNav } from '@/app/examples/dashboard/_components/user-nav';
+import { DatePickerWithRange } from '@/components/date-picker-with-range';
+
 export const metadata: Metadata = {
   title: 'Dashboard',
   description: 'Example dashboard app built using the components.',

apps/docs/app/examples/forms/account/_components/account-form.tsx

@@ -1,10 +1,5 @@
 'use client';
 
-import { updateAccount } from '@/app/examples/forms/account/_lib/actions/account-actions';
-import {
-  type AccountFormValues,
-  accountFormValues,
-} from '@/app/examples/forms/account/_lib/schema/account-schema';
 import {
   Button,
   Calendar,
@@ -35,6 +30,12 @@ import { isNil } from 'lodash-es';
 import { type JSX } from 'react';
 import { type SubmitHandler, useForm } from 'react-hook-form';
 
+import { updateAccount } from '@/app/examples/forms/account/_lib/actions/account-actions';
+import {
+  type AccountFormValues,
+  accountFormValues,
+} from '@/app/examples/forms/account/_lib/schema/account-schema';
+
 const languages = [
   { label: 'English', value: 'en' },
   { label: 'French', value: 'fr' },

apps/docs/app/examples/forms/account/_lib/actions/account-actions.ts

@@ -1,5 +1,7 @@
 'use server';
 
+import { wait } from 'next/dist/lib/wait';
+
 import {
   type AccountFormValues,
   accountFormValues,
@@ -8,7 +10,6 @@ import {
   type FieldValidationErrors,
   type ServerResponse,
 } from '@/lib/types/server-actions';
-import { wait } from 'next/dist/lib/wait';
 
 export async function updateAccount(
   data: AccountFormValues,