Separate Client Portal & Dashboard

frontend/dashboard/src/components/animate/MotionLazyContainer.tsx

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { LazyMotion } from 'framer-motion';
+import features from "./features";
+
+// ----------------------------------------------------------------------
+
+// eslint-disable-next-line import/extensions
+// const loadFeatures = () => import('~/src/components/animate/features.js').then((res) => res.default);
+
+type Props = {
+  children: ReactNode;
+};
+
+export default function MotionLazyContainer({ children }: Props) {
+  return (
+    <LazyMotion strict features={features}>
+      {children}
+    </LazyMotion>
+  );
+}