prettier fix

packages/ui/src/makerkit/app-breadcrumbs.tsx

@@ -1,10 +1,11 @@
 'use client';
 
 import { Fragment } from 'react';
-import clsx from 'clsx';
 
 import { usePathname } from 'next/navigation';
 
+import clsx from 'clsx';
+
 import {
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -57,9 +58,11 @@ export function AppBreadcrumbs(props: {
 
           return (
             <Fragment key={index}>
-              <BreadcrumbItem className={clsx('lg:text-xs', {
-                'font-bold text-black': isLast,
-              })}>
+              <BreadcrumbItem
+                className={clsx('lg:text-xs', {
+                  'font-bold text-black': isLast,
+                })}
+              >
                 <If
                   condition={index < visiblePaths.length - 1}
                   fallback={label}
@@ -69,7 +72,7 @@ export function AppBreadcrumbs(props: {
                       '/' +
                       splitPath.slice(0, splitPath.indexOf(path) + 1).join('/')
                     }
-                    className='text-muted-foreground'
+                    className="text-muted-foreground"
                   >
                     {label}
                   </BreadcrumbLink>

packages/ui/src/makerkit/page.tsx

@@ -120,7 +120,7 @@ export function PageNavigation(props: React.PropsWithChildren) {
 export function PageDescription(props: React.PropsWithChildren) {
   return (
     <div className={'flex items-center'}>
-      <div className={'text-muted-foreground text-sm font-normal leading-6'}>
+      <div className={'text-muted-foreground text-sm leading-6 font-normal'}>
         {props.children}
       </div>
     </div>
@@ -158,7 +158,7 @@ export function PageHeader({
   return (
     <div
       className={cn(
-        'flex py-5 flex-col sm:flex-row items-start sm:items-center sm:justify-between',
+        'flex flex-col items-start py-5 sm:flex-row sm:items-center sm:justify-between',
         className,
       )}
     >