fix: rendering issues with next-themes

components/Header/Language/Arrow.tsx

@@ -1,8 +1,18 @@
+import { useEffect, useState } from 'react'
 import { useTheme } from 'next-themes'
 
 export const Arrow: React.FC = () => {
+  const [mounted, setMounted] = useState(false)
   const { theme } = useTheme()
 
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) {
+    return null
+  }
+
   return (
     <svg
       width='12'

components/Header/SwitchTheme.tsx

@@ -1,8 +1,18 @@
+import { useEffect, useState } from 'react'
 import { useTheme } from 'next-themes'
 
 export const SwitchTheme: React.FC = () => {
+  const [mounted, setMounted] = useState(false)
   const { theme, setTheme } = useTheme()
 
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) {
+    return null
+  }
+
   return (
     <>
       <div