feat(view): apply spring-like easing to dialog animation

- Fine-tune zoom values from 95% to 96%/98% for more natural feel
- Add slide-in-from-top/slide-out-to-top animation
- Apply cubic-bezier(0.16, 1, 0.3, 1) easing for spring-like motion

Author: KubrickCode

src/view/src/core/shadcn/dialog.tsx

@@ -84,7 +84,12 @@ function DialogContent({
       <CustomOverlay />
       <DialogPrimitive.Content
         className={cn(
-          "bg-background text-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background text-foreground fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg sm:max-w-lg",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-[0.98] data-[state=open]:zoom-in-[0.96]",
+          "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",
+          "duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]",
           className
         )}
         data-slot="dialog-content"