feat: add micro-animations to TopBar, toasts, settings, and shortcut help

src/components/toast/ToastContainer.tsx

@@ -1,4 +1,5 @@
 import { AnimatePresence, motion } from "framer-motion";
+import { springs } from "@/lib/motion";
 import { useToastStore } from "@/stores/toast-store";
 
 const TYPE_STYLES = {
@@ -18,8 +19,8 @@ export function ToastContainer() {
             key={toast.id}
             initial={{ opacity: 0, y: 20, scale: 0.95 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
-            exit={{ opacity: 0, y: 10, scale: 0.95 }}
-            transition={{ type: "spring", stiffness: 400, damping: 25 }}
+            exit={{ opacity: 0, y: 20, scale: 0.9 }}
+            transition={springs.wobbly}
             className={`pointer-events-auto rounded-lg border px-4 py-2 text-sm shadow-md ${TYPE_STYLES[toast.type]}`}
           >
             {toast.message}