updated popover links (#52205)

Co-authored-by: Kevin Heis <[email protected]>

Author: Saturn226

src/links/components/LinkPreviewPopover.tsx

@@ -308,7 +308,13 @@ function fillPopover(
         // All a.href attributes are always full absolute URLs, as a string.
         // We assume that the "product landing page" is the first
         // portion of all links.
-        productHeadLink.href = linkURL.pathname.split('/').slice(0, 3).join('/')
+        const regex = /^\/(?<lang>\w{2}\/)?(?<version>[\w-]+@[\w-.]+\/)?(?<product>[\w-]+\/)?/
+        const match = regex.exec(linkURL.pathname)
+        if (match?.groups) {
+          const { lang, version, product } = match.groups
+          const productURL = [lang, version, product].map((n) => n || '').join('')
+          productHeadLink.href = `${linkURL.origin}/${productURL}`
+        }
         productHead.style.display = 'block'
       }
     } else {