Formatted some files

packages/billing/gateway/src/components/pricing-table.tsx

@@ -402,7 +402,7 @@ function PlanIntervalSwitcher(
             'border-r-transparent': index === 0,
             ['hover:text-primary text-muted-foreground']: !selected,
             ['cursor-default font-semibold']: selected,
-            ['hover:bg-initial']: !selected
+            ['hover:bg-initial']: !selected,
           },
         );
 

packages/features/accounts/src/components/personal-account-dropdown.tsx

@@ -148,7 +148,7 @@ export function PersonalAccountDropdown({
 
         <DropdownMenuItem asChild>
           <Link
-            className={'s-full flex items-center space-x-2 cursor-pointer'}
+            className={'s-full flex cursor-pointer items-center space-x-2'}
             href={paths.home}
           >
             <Home className={'h-5'} />
@@ -162,7 +162,10 @@ export function PersonalAccountDropdown({
         <DropdownMenuSeparator />
 
         <DropdownMenuItem asChild>
-          <Link className={'s-full flex items-center space-x-2 cursor-pointer'} href={'/docs'}>
+          <Link
+            className={'s-full flex cursor-pointer items-center space-x-2'}
+            href={'/docs'}
+          >
             <MessageCircleQuestion className={'h-5'} />
 
             <span>
@@ -176,7 +179,7 @@ export function PersonalAccountDropdown({
 
           <DropdownMenuItem asChild>
             <Link
-              className={'s-full flex items-center space-x-2 cursor-pointer'}
+              className={'s-full flex cursor-pointer items-center space-x-2'}
               href={'/admin'}
             >
               <Shield className={'h-5'} />

packages/ui/src/makerkit/marketing/hero.tsx

@@ -52,9 +52,7 @@ export function Hero({
 
             {subtitle && (
               <div className="flex max-w-2xl flex-col space-y-1">
-                <h3
+                <h3 className="p-0 text-center font-sans text-xl font-normal tracking-tight text-muted-foreground">
-                  className="p-0 text-center text-xl font-sans font-normal text-muted-foreground tracking-tight"
-                >
                   {subtitle}
                 </h3>
               </div>
@@ -79,7 +77,7 @@ export function Hero({
           style={{
             MozAnimationDuration: '100ms',
           }}
-          className={cn('mx-auto container flex justify-center py-8', {
+          className={cn('container mx-auto flex justify-center py-8', {
             ['delay-1000 duration-1000 animate-in fade-in zoom-in-95 slide-in-from-top-32 fill-mode-both']:
               animate,
           })}

packages/ui/src/makerkit/marketing/index.tsx

@@ -12,4 +12,4 @@ export * from './feature-grid';
 export * from './feature-card';
 export * from './newsletter-signup';
 export * from './newsletter-signup-container';
-export * from './coming-soon';
+export * from './coming-soon';

packages/ui/src/makerkit/marketing/secondary-hero.tsx

@@ -30,9 +30,7 @@ export const SecondaryHero = forwardRef<HTMLDivElement, SecondaryHeroProps>(
             {heading}
           </Heading>
 
-          <h3
+          <h3 className="font-sans text-xl font-normal tracking-tight text-muted-foreground">
-            className="font-sans font-normal text-xl tracking-tight text-muted-foreground"
-          >
             {subheading}
           </h3>
         </div>

packages/ui/src/makerkit/mode-toggle.tsx

@@ -74,7 +74,7 @@ export function SubMenuModeToggle() {
 
         return (
           <DropdownMenuItem
-            className={cn('flex items-center space-x-2 cursor-pointer', {
+            className={cn('flex cursor-pointer items-center space-x-2', {
               'bg-muted': isSelected,
             })}
             key={mode}