Update 'next' version and dependencies in pnpm-lock.yaml

This commit updates the package version of 'next' from 14.3.0-canary.7 to 14.3.0-canary.9 throughout the pnpm-lock.yaml file. Other dependencies updated with the respective package include '@makerkit/data-loader-supabase-nextjs', '@keystatic/next' and so on. This update is important to ensure the latest features are being utilized while retaining compatibility with existing code.

packages/ui/src/makerkit/page.tsx

@@ -14,7 +14,7 @@ export function Page(
       <div
         className={
           props.contentContainerClassName ??
-          'mx-auto flex h-screen w-full flex-col overflow-y-auto'
+          'mx-auto flex h-screen w-full flex-col space-y-4 overflow-y-auto'
         }
       >
         {props.children}
@@ -45,27 +45,29 @@ export function PageHeader({
 }>) {
   return (
     <div
-      className={'mb-4 flex items-start justify-between border-b px-4 py-2.5'}
+      className={'flex min-h-16 items-center justify-between border-b px-4'}
     >
       <div
         className={
-          'flex items-center space-x-4 lg:flex-col lg:items-start lg:space-x-0'
+          'flex items-center space-x-4 lg:flex-col lg:space-y-0.5 lg:items-start lg:space-x-0'
         }
       >
         <div className={'flex items-center lg:hidden'}>{mobileNavigation}</div>
 
-        <h1>
-          <span className={'flex items-center space-x-0.5 lg:space-x-2'}>
-            <span
-              className={'font-heading text-xl font-semibold dark:text-white'}
-            >
-              {title}
-            </span>
-          </span>
+        <h1
+          className={
+            'font-heading text-xl font-semibold leading-none dark:text-white'
+          }
+        >
+          {title}
         </h1>
 
         <h2 className={'hidden lg:block'}>
-          <span className={'text-base font-normal text-muted-foreground'}>
+          <span
+            className={
+              'text-base font-normal leading-none text-muted-foreground'
+            }
+          >
             {description}
           </span>
         </h2>

packages/ui/src/makerkit/sidebar.tsx

@@ -161,12 +161,12 @@ export function SidebarItem({
   const currentPath = usePathname() ?? '';
   const active = isRouteActive(path, currentPath, end ? 0 : 3);
   const variant = active ? 'secondary' : 'ghost';
-  const size = collapsed ? 'icon' : 'default';
+  const size = collapsed ? 'icon' : 'sm';
 
   return (
     <Link key={path} href={path}>
       <Button
-        className={cn('flex w-full shadow-none', {
+        className={cn('flex w-full text-sm shadow-none', {
           'justify-start space-x-2': !collapsed,
         })}
         size={size}