adding a few small updatesg

Author: tnylea

resources/js/components/app-logo.tsx

@@ -4,7 +4,7 @@ export default function AppLogo() {
     return (
         <>
             <div className="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-md">
-                <AppLogoIcon className="size-[1.375rem] fill-current text-white dark:text-black" />
+                <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
             </div>
             <div className="ml-1 grid flex-1 text-left text-sm">
                 <span className="mb-0.5 truncate leading-none font-semibold">Laravel Starter Kit</span>

resources/js/layouts/app-layout.tsx

@@ -1,4 +1,4 @@
-import AppLayoutTemplate from '@/layouts/app/app-sidebar-layout';
+import AppLayoutTemplate from '@/layouts/app/app-header-layout';
 import { type BreadcrumbItem } from '@/types';
 
 interface AppLayoutProps {

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

@@ -15,8 +15,8 @@ export default function AuthCardLayout({
         <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
             <div className="flex w-full max-w-md flex-col gap-6">
                 <a href="#" className="flex items-center gap-2 self-center font-medium">
-                    <div className="flex h-10 w-10 items-center justify-center">
-                        <AppLogoIcon className="size-10 fill-current text-black" />
+                    <div className="flex h-9 w-9 items-center justify-center">
+                        <AppLogoIcon className="size-9 fill-current text-black" />
                     </div>
                 </a>
 

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

@@ -15,8 +15,8 @@ export default function AuthSimpleLayout({ children, title, description }: AuthL
                 <div className="flex flex-col gap-8">
                     <div className="flex flex-col items-center gap-4">
                         <Link href={route('home')} className="flex flex-col items-center gap-2 font-medium">
-                            <div className="flex h-10 w-10 items-center justify-center rounded-md">
-                                <AppLogoIcon className="size-10 fill-current text-[var(--foreground)] dark:text-white" />
+                            <div className="flex h-9 w-9 items-center justify-center rounded-md">
+                                <AppLogoIcon className="size-9 fill-current text-[var(--foreground)] dark:text-white" />
                             </div>
                             <span className="sr-only">{title}</span>
                         </Link>

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

@@ -16,7 +16,7 @@ export default function AuthSplitLayout({ children, title, description }: AuthLa
             <div className="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r">
                 <div className="absolute inset-0 bg-zinc-900" />
                 <Link href={route('home')} className="relative z-20 flex items-center text-lg font-medium">
-                    <AppLogoIcon className="mr-2 size-10 fill-current text-white" />
+                    <AppLogoIcon className="mr-2 size-9 fill-current text-white" />
                 </Link>
                 {quote && (
                     <div className="relative z-20 mt-auto">