feat(ui): add framer-motion page transitions via template.tsx

fix(ui): add jest-dom types to tsconfig for template test

fix(ui): remove jest-dom from tsconfig types to fix build

fix(ui): add jest-dom vitest import to resolve typecheck

Author: Uzma-Yasmeen

app/template.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import { motion } from 'framer-motion';
+
+export default function Template({ children }: { children: React.ReactNode }) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 8 }}
+      animate={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, y: -8 }}
+      transition={{ duration: 0.3, ease: 'easeInOut' }}
+    >
+      {children}
+    </motion.div>
+  );
+}