Add base motion containers

src/renderer/components/index.ts

@@ -29,3 +29,4 @@ export * from './toast';
 export * from './tooltip';
 export * from './virtual-grid';
 export * from './virtual-table';
+export * from './motion';

src/renderer/components/motion/index.tsx

@@ -0,0 +1,10 @@
+import { Flex, Group, Stack } from '@mantine/core';
+import { motion } from 'framer-motion';
+
+export const MotionFlex = motion(Flex);
+
+export const MotionGroup = motion(Group);
+
+export const MotionStack = motion(Stack);
+
+export const MotionDiv = motion.div;