Clean and re-organize post table refactoring (#1000)

* Clean and re-organize post table refactoring

* Fix tests

front/src/modules/ui/utilities/animation/components/AnimatedEaseIn.tsx

@@ -0,0 +1,29 @@
+import { motion } from 'framer-motion';
+
+type Props = Omit<
+  React.ComponentProps<typeof motion.div>,
+  'initial' | 'animated' | 'transition'
+> & {
+  duration?: number;
+};
+
+export function AnimatedEaseIn({
+  children,
+  duration = 0.3,
+  ...restProps
+}: Props) {
+  const initial = { opacity: 0 };
+  const animate = { opacity: 1 };
+  const transition = { ease: 'linear', duration };
+
+  return (
+    <motion.div
+      initial={initial}
+      animate={animate}
+      transition={transition}
+      {...restProps}
+    >
+      {children}
+    </motion.div>
+  );
+}