style(admin): reduce header height and simplify layout spacing and menu item focus styles

src/shared/components/Card.js

@@ -10,12 +10,12 @@ const Card = ({
     footer,
     variant = 'default',
     padding = 'md',
-    hover = true,
+    hover = false,
     spacing = 'md',
     className = '',
     ...props
 }) => {
-    const baseClassName = 'border transition-all duration-300';
+    const baseClassName = 'border transition-all duration-[120ms] ease-out';
     const isLightDark = variant === 'lightDark';
 
     const variants = {
@@ -23,7 +23,7 @@ const Card = ({
         elevated: 'rounded-xl bg-neutral-50/80 dark:bg-neutral-900/40 border-neutral-200 dark:border-neutral-800/50',
         outline: 'rounded-xl bg-transparent border-neutral-300 dark:border-neutral-700/50',
         solid: 'rounded-xl bg-neutral-100 dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700',
-        lightDark: 'rounded-2xl bg-white/80 dark:bg-neutral-900/40 border-neutral-200/80 dark:border-neutral-800/50',
+        lightDark: 'rounded-xl bg-white dark:bg-neutral-900/40 border-neutral-200 dark:border-neutral-800/50',
         success: 'rounded-xl bg-green-50 dark:bg-green-900/30 border-green-200 dark:border-green-900/50',
         info: 'rounded-xl bg-blue-50 dark:bg-blue-900/30 border-blue-200 dark:border-blue-900/50',
         warning: 'rounded-xl bg-yellow-50 dark:bg-yellow-900/30 border-yellow-200 dark:border-yellow-900/50',