fix code style

Author: tnylea

resources/js/components/app-logo.tsx

@@ -7,7 +7,7 @@ export default function AppLogo() {
                 <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
             </div>
             <div className="grid flex-1 text-left text-sm leading-tight">
-                <span className="mb-0.5 truncate font-semibold leading-none">Laravel</span>
+                <span className="mb-0.5 truncate leading-none font-semibold">Laravel</span>
                 <span className="truncate text-[11px] leading-none tracking-tight opacity-80">Starter Kit</span>
             </div>
         </>

resources/js/components/app-sidebar-header.tsx

@@ -4,7 +4,7 @@ import { type BreadcrumbItem as BreadcrumbItemType } from '@/types';
 
 export function AppSidebarHeader({ breadcrumbs = [] }: { breadcrumbs?: BreadcrumbItemType[] }) {
     return (
-        <header className="border-sidebar-border/50 group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 flex h-16 shrink-0 items-center gap-2 border-b px-4 transition-[width,height] ease-linear">
+        <header className="border-sidebar-border/50 flex h-16 shrink-0 items-center gap-2 border-b px-4 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
             <div className="flex items-center gap-2">
                 <SidebarTrigger className="-ml-1" />
                 <Breadcrumbs breadcrumbs={breadcrumbs} />

resources/js/components/appearance-tabs.tsx

@@ -21,7 +21,7 @@ export default function AppearanceToggleTab({ className = '', ...props }: HTMLAt
                     className={cn(
                         'flex items-center rounded-md px-3.5 py-1.5 transition-colors',
                         appearance === value
-                            ? 'shadow-xs bg-white dark:bg-neutral-700 dark:text-neutral-100'
+                            ? 'bg-white shadow-xs dark:bg-neutral-700 dark:text-neutral-100'
                             : 'text-neutral-500 hover:bg-neutral-200/60 hover:text-black dark:text-neutral-400 dark:hover:bg-neutral-700/60',
                     )}
                 >

resources/js/components/delete-user.tsx

@@ -80,7 +80,7 @@ export default function DeleteUser() {
                     </DialogContent>
                 </Dialog>
                 <div className="relative ml-3 text-red-600 dark:text-red-100">
-                    <p className="mb-1 text-sm font-medium leading-none">Warning</p>
+                    <p className="mb-1 text-sm leading-none font-medium">Warning</p>
                     <p className="text-xs leading-none">Please proceed with caution, this cannot be undone</p>
                 </div>
             </div>

resources/js/layouts/auth/auth-card-layout.tsx

@@ -22,7 +22,7 @@ export default function AuthCardLayout({
 
                 <div className="flex flex-col gap-6">
                     <Card className="rounded-xl">
-                        <CardHeader className="px-10 pb-0 pt-8 text-center">
+                        <CardHeader className="px-10 pt-8 pb-0 text-center">
                             <CardTitle className="text-xl">{title}</CardTitle>
                             <CardDescription>{description}</CardDescription>
                         </CardHeader>

resources/js/layouts/auth/auth-split-layout.tsx

@@ -35,7 +35,7 @@ export default function AuthSplitLayout({ children, title, description }: AuthLa
                     </Link>
                     <div className="flex flex-col items-start gap-2 text-left sm:items-center sm:text-center">
                         <h1 className="text-2xl font-bold">{title}</h1>
-                        <p className="text-muted-foreground text-balance text-sm">{description}</p>
+                        <p className="text-muted-foreground text-sm text-balance">{description}</p>
                     </div>
                     {children}
                 </div>

resources/js/layouts/settings/layout.tsx

@@ -30,9 +30,9 @@ export default function SettingsLayout({ children }: { children: React.ReactNode
         <div className="px-4 py-6">
             <Heading title="Settings" description="Manage your profile and account settings" />
 
-            <div className="flex flex-col space-y-8 md:flex-row md:space-x-12 md:space-y-0">
+            <div className="flex flex-col space-y-8 md:flex-row md:space-y-0 md:space-x-12">
                 <aside className="w-full md:w-1/3 lg:w-1/4 xl:w-1/5">
-                    <nav className="flex flex-col space-x-0 space-y-1">
+                    <nav className="flex flex-col space-y-1 space-x-0">
                         {sidebarNavItems.map((item) => (
                             <Button
                                 key={item.url}

resources/js/pages/auth/verify-email.tsx

@@ -39,7 +39,7 @@ export default function VerifyEmail({ status }: { status?: string }) {
                         href={route('logout')}
                         method="post"
                         as="button"
-                        className="focus:outline-hidden rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                        className="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-hidden"
                     >
                         Log Out
                     </Link>

resources/js/pages/settings/profile.tsx

@@ -81,7 +81,7 @@ export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail:
                                         href={route('verification.send')}
                                         method="post"
                                         as="button"
-                                        className="focus:outline-hidden rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                                        className="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-hidden"
                                     >
                                         Click here to re-send the verification email.
                                     </Link>