refactor: Morpher lazy loading

Author: wackerow

src/components/Homepage/LanguageMorpher.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import Morpher from "@/components/Morpher"
+import Morpher from "@/components/Morpher/client"
 import { Button } from "@/components/ui/buttons/Button"
 
 import { screens } from "@/lib/utils/screen"

src/components/Morpher.tsx renamed to src/components/Morpher/client.tsx

@@ -0,0 +1,4 @@
+// Blurred text as loader; language insignificant
+const Loading = () => <span className="blur-md">ethereum</span>
+
+export default Loading

src/components/Morpher/loading.tsx

@@ -0,0 +1,8 @@
+import dynamic from "next/dynamic"
+
+import Loading from "./loading"
+
+export default dynamic(() => import("./client"), {
+  ssr: false,
+  loading: Loading,
+})