refactor(index): dynamically import Lottie component to improve SSR c…

…ompatibility

apps/scriptkit/src/pages/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import {FunctionComponent} from 'react'
-import Lottie from 'react-lottie-player'
+import dynamic from 'next/dynamic'
 import Link from 'next/link'
 import {useRouter} from 'next/router'
 import {readFileSync} from 'fs'
@@ -29,6 +29,10 @@ import SubscribeToConvertkitForm from 'components/subscribe-to-convertkit-form'
 import {Favicon} from 'components/logo'
 import Image from 'next/image'
 
+const Lottie = dynamic(() => import('react-lottie-player'), {
+  ssr: false,
+})
+
 export type Release = {
   name: string
   browser_download_url: string