fix(react-email): file tree animation safari (#1195)

Author: zehfernandes

packages/react-email/src/components/sidebar/sidebar-directory-children.tsx

@@ -75,7 +75,7 @@ export const SidebarDirectoryChildren = (props: {
                         <motion.span
                           animate={{ x: 0, opacity: 1 }}
                           className={cn(
-                            'text-[14px] flex items-center align-middle pl-3 h-8 max-w-full rounded-md text-slate-11 relative transition ease-in-out duration-200',
+                            'text-[14px] flex items-center align-middle pl-3 h-8 max-w-full rounded-md text-slate-11 relative transition-colors',
                             {
                               'text-cyan-11': isCurrentPage,
                               'hover:text-slate-12':
@@ -84,7 +84,7 @@ export const SidebarDirectoryChildren = (props: {
                           )}
                           initial={{ x: -10 + -index * 1.5, opacity: 0 }}
                           transition={{
-                            x: { delay: 0.03 * index, duration: 0.05 },
+                            x: { delay: 0.03 * index, duration: 0.2 },
                             opacity: { delay: 0.03 * index, duration: 0.2 },
                           }}
                         >