add ease to sidebar menu

src/components/SidebarNav.tsx

@@ -167,7 +167,14 @@ function CollapsibleNavItem({
                     </div>
                 </button>
             </CollapsibleTrigger>
-            <CollapsibleContent>
+            <CollapsibleContent forceMount>
+                <div
+                    className={cn(
+                        "grid overflow-hidden transition-[grid-template-rows] duration-200 ease-in-out",
+                        isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+                    )}
+                >
+                    <div className="min-h-0">
                         <div
                             className={cn(
                                 "border-l ml-[22px] pl-[9px] mt-0 space-y-0",
@@ -178,6 +185,8 @@ function CollapsibleNavItem({
                                 renderNavItem(childItem, level + 1)
                             )}
                         </div>
+                    </div>
+                </div>
             </CollapsibleContent>
         </Collapsible>
     );