fix: lint project (#2693)

packages/ui/primitives/document-flow/document-flow-root.tsx

@@ -1,11 +1,10 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-
 import type { MessageDescriptor } from '@lingui/core';
 import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 import { Trans } from '@lingui/react/macro';
 import { motion } from 'framer-motion';
+import type React from 'react';
+import type { HTMLAttributes } from 'react';
 
 import { cn } from '../../lib/utils';
 import { Button } from '../button';
@@ -39,19 +38,16 @@ export type DocumentFlowFormContainerHeaderProps = {
   description: MessageDescriptor;
 };
 
-export const DocumentFlowFormContainerHeader = ({
-  title,
-  description,
-}: DocumentFlowFormContainerHeaderProps) => {
+export const DocumentFlowFormContainerHeader = ({ title, description }: DocumentFlowFormContainerHeaderProps) => {
   const { _ } = useLingui();
 
   return (
     <>
-      <h3 className="text-2xl font-semibold text-foreground">{_(title)}</h3>
+      <h3 className="font-semibold text-2xl text-foreground">{_(title)}</h3>
 
-      <p className="mt-2 text-sm text-muted-foreground">{_(description)}</p>
+      <p className="mt-2 text-muted-foreground text-sm">{_(description)}</p>
 
-      <hr className="mb-8 mt-4 border-border" />
+      <hr className="mt-4 mb-8 border-border" />
     </>
   );
 };
@@ -93,13 +89,10 @@ export type DocumentFlowFormContainerStepProps = {
   maxStep: number;
 };
 
-export const DocumentFlowFormContainerStep = ({
-  step,
-  maxStep,
-}: DocumentFlowFormContainerStepProps) => {
+export const DocumentFlowFormContainerStep = ({ step, maxStep }: DocumentFlowFormContainerStepProps) => {
   return (
     <div>
-      <p className="text-sm text-muted-foreground">
+      <p className="text-muted-foreground text-sm">
         <Trans>
           Step <span>{`${step} of ${maxStep}`}</span>
         </Trans>