Fix admin socket metadata handling and footer HTML rendering in admin-tools

services/web/frontend/js/shared/components/footer/thin-footer.tsx

@@ -16,9 +16,14 @@ function FooterItemLi({
   label,
 }: FooterItem) {
   const textToDisplay = translatedText || text
+  const hasMarkup = /<[^>]+>/.test(textToDisplay)
 
   if (!href) {
-    return <li dangerouslySetInnerHTML={{ __html: textToDisplay }} />
+    return hasMarkup ? (
+      <li dangerouslySetInnerHTML={{ __html: textToDisplay }} />
+    ) : (
+      <li>{textToDisplay}</li>
+    )
   }
 
   const linkProps = {
@@ -29,7 +34,11 @@ function FooterItemLi({
 
   return (
     <li>
-      <a {...linkProps}>{textToDisplay}</a>
+      {hasMarkup ? (
+        <a {...linkProps} dangerouslySetInnerHTML={{ __html: textToDisplay }} />
+      ) : (
+        <a {...linkProps}>{textToDisplay}</a>
+      )}
     </li>
   )
 }