Update dependencies and import dynamic method

This commit updates multiple dependencies in the pnpm-lock.yaml file and imports the dynamic method from 'next/dynamic' in the site-header-account-section.tsx file. These updates are part of routine maintenance and improvement of the codebase. The import allows for dynamic imports, which can enhance performance.

packages/ui/src/makerkit/page.tsx

@@ -44,7 +44,9 @@ export function PageHeader({
   mobileNavigation?: React.ReactNode;
 }>) {
   return (
-    <div className={'flex items-start justify-between p-4'}>
+    <div
+      className={'mb-4 flex items-start justify-between border-b px-4 py-2.5'}
+    >
       <div
         className={
           'flex items-center space-x-4 lg:flex-col lg:items-start lg:space-x-0'

packages/ui/src/makerkit/sidebar.tsx

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