fix: prevent lottie from ssr

apps/web/next.config.js

@@ -9,7 +9,7 @@ const config = {
   reactStrictMode: true,
 
   /** Enables hot reloading for local packages without a build step */
-  transpilePackages: ["@kan/api", "@kan/db"],
+  transpilePackages: ["@kan/api", "@kan/db", "@kan/utils"],
 
   /** We already do linting and typechecking as separate tasks in CI */
   eslint: { ignoreDuringBuilds: true },

apps/web/src/components/LottieIcon.tsx

@@ -1,4 +1,6 @@
-import Lottie from "react-lottie-player";
+import dynamic from "next/dynamic";
+
+const Lottie = dynamic(() => import("react-lottie-player"), { ssr: false });
 
 type IconProps = {
   isPlaying: boolean;