fix: document is not defined (#173)

- 

![image](https://github.com/ant-xuexiao/petercat/assets/566097/3ab6456d-367b-4495-9c13-a2f610aa5778)

client/components/FullPageSkeleton.tsx

@@ -1,6 +1,10 @@
-import Lottie from 'lottie-react';
+'use client';
+import dynamic from 'next/dynamic';
+
 import peterCatWalkAnimation from '../public/loading.json';
 
+const Lottie = dynamic(() => import('lottie-react'), { ssr: false });
+
 const FullPageSkeleton = () => {
   return (
     <div className="fixed top-0 left-0 right-0 bottom-0 z-50 flex justify-center items-center bg-white bg-opacity-75">