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/package.json

@@ -29,7 +29,7 @@
     "@radix-ui/react-tooltip": "1.0.7",
     "clsx": "^2.1.0",
     "cmdk": "1.0.0",
-    "input-otp": "1.2.3",
+    "input-otp": "1.2.4",
     "react-top-loading-bar": "2.3.1",
     "tailwind-merge": "^2.2.2"
   },
@@ -58,7 +58,7 @@
     "class-variance-authority": "^0.7.0",
     "date-fns": "^3.6.0",
     "eslint": "^8.57.0",
-    "lucide-react": "^0.367.0",
+    "lucide-react": "^0.368.0",
     "next": "14.2.1",
     "next-themes": "0.3.0",
     "prettier": "^3.2.5",
@@ -66,7 +66,7 @@
     "react-hook-form": "^7.51.3",
     "react-i18next": "^14.1.0",
     "sonner": "^1.4.41",
-    "tailwindcss": "3.4.1",
+    "tailwindcss": "3.4.3",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.4.5",
     "zod": "^3.22.4"

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}