feat: lazy load FeedbackWidget

Author: nhsz

src/layouts/RootLayout.tsx

@@ -1,11 +1,11 @@
 import { join } from "path"
 
+import dynamic from "next/dynamic"
 import { useRouter } from "next/router"
 import { Container } from "@chakra-ui/react"
 
 import type { Root } from "@/lib/types"
 
-import FeedbackWidget from "@/components/FeedbackWidget"
 import Footer from "@/components/Footer"
 import Nav from "@/components/Nav"
 import { SkipLink } from "@/components/SkipLink"
@@ -46,6 +46,10 @@ export const RootLayout = ({
   const shouldShowLegalTranslationBanner = isLegal && !isPageLanguageEnglish
   const originalPagePath = toPosixPath(join(DEFAULT_LOCALE, asPath))
 
+  const FeedbackWidget = dynamic(() => import("@/components/FeedbackWidget"), {
+    ssr: false,
+  })
+
   return (
     <Container mx="auto" maxW={oldTheme.variables.maxPageWidth}>
       <SkipLink />