fix(SW-2055): Surrounded ul inside JsonToHtml with a typography component

Approved-by: Matilda Landström

apps/scandic-web/components/JsonToHtml/renderOptions.tsx

@@ -1,4 +1,5 @@
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
@@ -625,8 +626,8 @@ export const renderOptions: RenderOptions = {
     }
 
     return (
+      <Typography variant="Body/Paragraph/mdRegular" key={node.uid}>
         <ul
-        key={node.uid}
           {...props}
           className={`${styles.ul} ${compatibleClassName}`}
           style={
@@ -639,6 +640,7 @@ export const renderOptions: RenderOptions = {
         >
           {next(node.children, embeds, fullRenderOptions)}
         </ul>
+      </Typography>
     )
   },