[MIM-1976] Mim-1976 fix formatting errors in rich text part (#2807)

* fix formatting

* fixed styling

---------

Co-authored-by: Johnnadel Salita Uy <johnnadel.salita@gmail.com>

src/main/resources/assets/styles/_richText.scss

@@ -1,4 +1,18 @@
 .xp-part.rich-text {
+  .rich-text-lead-paragraph {
+    @include open-sans;
+    color: $ssb-dark-6;
+    font-size: 20px;
+    line-height: 32px;
+  } 
+
+  .rich-text-paragraph {
+    @include open-sans;
+    color: $ssb-dark-6;
+    font-size: 16px;
+    line-height: 28px;
+  }
+
   &.max-width > * {
     max-width: $max-readable-width;
   }

src/main/resources/site/parts/richText/richText.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
-import { LeadParagraph, Text, Paragraph } from '@statisticsnorway/ssb-component-library'
-import { sanitize } from '../../../lib/ssb/utils/htmlUtils'
+import { Text } from '@statisticsnorway/ssb-component-library'
 
 interface RichTextProps {
   text: string
@@ -10,12 +9,13 @@ interface RichTextProps {
 
 const RichText = ({ text, textType, inLayout }: RichTextProps) => {
   const renderText = () => {
-    const textComponent = <span dangerouslySetInnerHTML={{ __html: sanitize(text) }} />
+    // Text is sanitized in ts file
+    const textComponent = <span dangerouslySetInnerHTML={{ __html: text }} />
     switch (textType) {
       case 'ingress':
-        return <LeadParagraph>{textComponent}</LeadParagraph>
+        return <div className='rich-text-lead-paragraph'>{textComponent}</div>
       case 'brodtekst':
-        return <Paragraph>{textComponent}</Paragraph>
+        return <div className='rich-text-paragraph'>{textComponent}</div>
       case 'mikrotekst':
         return <Text small>{textComponent}</Text>
       default: