chore: fix active link in internal links

src/features/components/atoms/link/internal.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import { Link } from 'gatsby'
 import language_config from '../../../../../i18n-config.js'
 import { LinkProps } from '.'
@@ -66,6 +66,8 @@ const Internal = ({
     link_rel,
     active_urls,
 }: InternalProps) => {
+    const [is_active, setIsActive] = useState(false)
+
     let rawLocale = 'en'
     if (isBrowser()) {
         rawLocale = localStorage.getItem('i18n') ?? 'en'
@@ -77,7 +79,9 @@ const Internal = ({
 
     const to = is_non_localized || is_default ? url.to : `/${path}${url.to}`
 
-    const is_active = isActiveLink(url.to, active_urls)
+    useEffect(() => {
+        setIsActive(isActiveLink(url.to, active_urls))
+    }, [active_urls, url.to])
 
     return (
         <Link