title: Style some word to bold from a string in react native
body: <p>I'm fetching the product description from Wordpress rest api and get the description like this</p>
  <pre><code>      &lt;p class=&quot;p1&quot;&gt;
          &lt;span class=&quot;s1&quot;&gt;
            &lt;b&gt;Description: &lt;/b&gt;
          &lt;/span&gt;
          &lt;span class=&quot;s2&quot;&gt;
            Purifying hand cleansing gel with alcohol and organic moisturizing Aloe vera. It Purifies your hands
            without soap and water. No need to rinse
          &lt;/span&gt;
        &lt;/p&gt;
        &lt;p class=&quot;p3&quot;&gt;
          &lt;span class=&quot;s1&quot;&gt;
            &lt;b&gt;How to use&lt;/b&gt;: Squeeze a small amount onto dry hands and rub until
          &lt;/span&gt;
          &lt;span class=&quot;s2&quot;&gt;
            {' '}
            the gel is completely absorbed. Do not rinse. Repeat the application several times a day, whenever
            necessary.
          &lt;/span&gt;
        &lt;/p&gt;
        &lt;p class=&quot;p3&quot;&gt;
          &lt;span class=&quot;s1&quot;&gt;
            &lt;b&gt;Ingredients&lt;/b&gt;:{' '}
          &lt;/span&gt;
          &lt;span class=&quot;s2&quot;&gt;
            Alcohol Denat., Aqua, Propylene Glycol, Aloe Barbadensis Leaf Extract (*), Carbomer, Dmdm Hydantoin,
            Ethylhexylglycerin, Panthenol, Parfum, Peg/ppg-14/4 Dimethicone, Peg-60 Lanolin, Phenoxyethanol,
            Triethanolamine.
          &lt;/span&gt;
        &lt;/p&gt;
        &lt;p class=&quot;p3&quot;&gt;
          &lt;span class=&quot;s2&quot;&gt;(*) ORGANIC CERTIFIED&lt;/span&gt;
        &lt;/p&gt;
        &lt;p class=&quot;p3&quot;&gt;
          &lt;span class=&quot;s1&quot;&gt;
            &lt;b&gt;Benefit&lt;/b&gt;:{' '}
          &lt;/span&gt;
          &lt;span class=&quot;s2&quot;&gt;Sanitizing and moisturizing&lt;/span&gt;
        &lt;/p&gt;
        &lt;p class=&quot;p2&quot;&gt;
          &lt;span class=&quot;s2&quot;&gt;
            &lt;b&gt;Size&lt;/b&gt;: 1000 ml
          &lt;/span&gt;
        &lt;/p&gt;
  </code></pre>
  <p>and removes the tags by replacing</p>
  <p><code>  const regex = /(&lt;([^&gt;]+)&gt;)/ig;</code></p>
  <p>now I have</p>
  <p><code>Description: A salon quality shampoo that hydrates the hair. Ideal for natural, coloured or treated hair. It maintains the highest level of hair and scalp health using a delicate cleansing action. It will lengthen the duration of intense colour. It has a natural and fresh fragrance and improves the hair manageability, resulting in more shiny, thicker and softer hair. How to use: Apply a generous amount of product on the wet scalp and gently massage. Rinse and repeat if necessary, then proceed with the next treatment. Ingredients: Aqua [Water] (Eau), Sodium coceth sulfate, Cocamidopropyl betaine, Sodium chloride, Foeniculum vulgare (Fennel) oil, Citrus medica vulgaris peel oil, Lavandula angustifolia (Lavender) oil, Aloe barbadensis leaf extract (*), Calendula officinalis flower extract (*), Achillea millefolium flower/leaf/stem extract (*), Hydrolyzed soy protein, Sodium sunflower seeds amphoacetate, Decyl glucoside, Coco-glucoside, Glyceryl oleate, Glycerin, Lactic acid, Benzyl alcohol, Sodium benzoate, Sodium dehydroacetate, Limonene, Polyquaternium-10, Linalool. *organic ingredient Benefit: Color protection. Bright color for longer. Soft and silky hydrated hair. Size: 250 ml</code></p>
  <p>I want to bold the heading which are bold in paragraph like description, how to use etc. and add some space between them.
  How can I achieve this.</p>