[react] fix: Path string style in Xray path component

See #264

packages/react/components/Highlight/index.mjs

@@ -34,6 +34,10 @@ export const Highlight = ({
 
   const preProps = {
     className: `language-${language} hljs tw:text-base tw:lg:text-lg tw:whitespace-break-spaces tw:overflow-scroll tw:pr-4`,
+    // We have to force the background to override the ifm-pre-backround var
+    style: {
+      backgroundColor: 'var(--code-background-color)',
+    },
   }
   if (raw) preProps.dangerouslySetInnerHTML = { __html: raw }
 

packages/react/components/Xray/path.mjs

@@ -224,7 +224,7 @@ const PathXrayInfo = ({ path, pathName, stackName, part }) => {
         </tbody>
       </table>
       <H6>Pathstring</H6>
-      <Highlight>{path.d}</Highlight>
+      <Highlight language="SVG">{path.d}</Highlight>
     </div>
   )
 }