chore: Formatting code

Author: aXenDeveloper

apps/docs/src/app/[locale]/(docs)/docs/layout.tsx

@@ -22,7 +22,7 @@ export default function Layout({ children }: { children: ReactNode }) {
               ...option,
               icon: (
                 <div
-                  className="size-full rounded-lg max-md:border max-md:bg-(--tab-color)/10 max-md:p-1.5 [&_svg]:size-full"
+                  className="max-md:bg-(--tab-color)/10 size-full rounded-lg max-md:border max-md:p-1.5 [&_svg]:size-full"
                   style={
                     {
                       color,

apps/docs/src/app/[locale]/(main)/(home)/page.tsx

@@ -21,12 +21,12 @@ export default function HomePage() {
     <div className="container">
       <section className="border-border/50 mt-6 flex flex-col justify-between gap-20 border-r bg-[linear-gradient(to_right,color-mix(in_oklab,var(--border)_75%,transparent)_1px,transparent_1px),linear-gradient(to_bottom,color-mix(in_oklab,var(--border)_75%,transparent)_1px,transparent_1px)] bg-[size:63px_63px] px-6 py-10 sm:mt-10 sm:px-10 sm:py-20 lg:flex-row dark:bg-[linear-gradient(to_right,color-mix(in_oklab,var(--border)_50%,transparent)_1px,transparent_1px),linear-gradient(to_bottom,color-mix(in_oklab,var(--border)_50%,transparent)_1px,transparent_1px)]">
         <div className="flex max-w-2xl flex-col">
-          <h1 className="text-5xl font-semibold tracking-tight text-balance sm:text-6xl">
+          <h1 className="text-balance text-5xl font-semibold tracking-tight sm:text-6xl">
             Extendable <span className="text-primary">Framework</span> for
             Building <span className="text-primary">Apps</span>
           </h1>
 
-          <p className="text-muted-foreground mt-6 leading-relaxed text-balance md:text-lg">
+          <p className="text-muted-foreground mt-6 text-balance leading-relaxed md:text-lg">
             Simplifies development with a powerful Plugin System, Admin Control
             Panel and extensible architecture.
           </p>

apps/docs/src/app/[locale]/(main)/(home)/sections/admin/admin.tsx

@@ -13,8 +13,8 @@ export const AdminSection = () => {
           </h2>
         </div>
         <div className="relative rounded-3xl p-3 md:-mx-8 lg:col-span-3">
-          <div className="relative aspect-88/36">
-            <div className="from-background absolute inset-0 z-1 bg-linear-to-t to-transparent" />
+          <div className="aspect-88/36 relative">
+            <div className="from-background z-1 bg-linear-to-t absolute inset-0 to-transparent" />
             <Image
               alt="payments illustration dark"
               className="hidden dark:block"

apps/docs/src/app/[locale]/(main)/(home)/sections/call-to-action.tsx

@@ -7,10 +7,10 @@ export const CallToActionSection = () => {
   return (
     <section className="py-16">
       <Card className="flex flex-col items-center gap-4 px-6 py-16 text-center">
-        <h2 className="text-4xl font-semibold tracking-tight text-balance sm:text-5xl">
+        <h2 className="text-balance text-4xl font-semibold tracking-tight sm:text-5xl">
           Start <span className="text-primary">Building</span>
         </h2>
-        <p className="text-muted-foreground leading-relaxed text-balance md:text-lg">
+        <p className="text-muted-foreground text-balance leading-relaxed md:text-lg">
           Everything you need for modern web apps, zero config.
         </p>
 

apps/docs/src/app/[locale]/(main)/(home)/sections/powering-by/logos/tailwindcss.tsx

@@ -2,7 +2,7 @@ export const TailwindCSSLogo = () => {
   return (
     <svg
       aria-label="TailwindCSS logotype"
-      className="h-8 w-42"
+      className="w-42 h-8"
       fill="none"
       viewBox="0 0 262 33"
       xmlns="http://www.w3.org/2000/svg"

apps/docs/src/app/[locale]/(main)/(home)/sections/powering-by/powering-by.tsx

@@ -79,8 +79,8 @@ export const PoweringBySection = () => {
               </Link>
             </InfiniteSlider>
 
-            <div className="from-background absolute inset-y-0 left-0 w-20 bg-linear-to-r" />
-            <div className="from-background absolute inset-y-0 right-0 w-20 bg-linear-to-l" />
+            <div className="from-background bg-linear-to-r absolute inset-y-0 left-0 w-20" />
+            <div className="from-background bg-linear-to-l absolute inset-y-0 right-0 w-20" />
           </div>
         </div>
       </div>

apps/docs/src/components/animated-beam/animated-beam.tsx

@@ -122,7 +122,7 @@ export const AnimatedBeam = ({
   return (
     <svg
       className={cn(
-        "pointer-events-none absolute top-0 left-0 transform-gpu stroke-2",
+        "pointer-events-none absolute left-0 top-0 transform-gpu stroke-2",
         className,
       )}
       fill="none"

apps/docs/src/examples/scroll-area.tsx

@@ -10,7 +10,7 @@ export default function ScrollAreaDemo() {
   return (
     <ScrollArea className="h-72 w-48 rounded-md border">
       <div className="p-4">
-        <h4 className="mb-4 text-sm leading-none font-medium">Tags</h4>
+        <h4 className="mb-4 text-sm font-medium leading-none">Tags</h4>
         {tags.map(tag => (
           <React.Fragment key={tag}>
             <div className="text-sm">{tag}</div>

apps/docs/src/examples/separator.tsx

@@ -4,7 +4,7 @@ export default function ProgressDemo() {
   return (
     <div>
       <div className="space-y-1">
-        <h4 className="text-sm leading-none font-medium">Radix Primitives</h4>
+        <h4 className="text-sm font-medium leading-none">Radix Primitives</h4>
         <p className="text-muted-foreground text-sm">
           An open-source UI component library.
         </p>

packages/vitnode/src/components/form/auto-form.tsx

@@ -142,7 +142,7 @@ export function AutoForm<
           return (
             <div key={item.id}>
               {item.label && (
-                <span className="text-xl leading-none font-semibold tracking-tight">
+                <span className="text-xl font-semibold leading-none tracking-tight">
                   {item.label}
                 </span>
               )}