Update product call out to bg-success (#18885)

Author: heiskr

includes/article.html

@@ -46,7 +46,7 @@ <h1 class="border-bottom-0">{{ page.title }}</h1>
       {% endif %}
 
       {% if page.product %}
-        <div class="product-callout border rounded-1 mb-4 p-3 color-border-info color-bg-info">
+        <div class="product-callout border rounded-1 mb-4 p-3 color-border-success color-bg-success">
         {{ page.product }}
         </div>
       {% endif %}

tests/rendering/server.js

@@ -191,8 +191,8 @@ describe('server', () => {
   test('renders product frontmatter callouts', async () => {
     const $ = await getDOM('/en/articles/about-branch-restrictions')
     const note = $('.product-callout').eq(0)
-    expect(note.hasClass('color-border-info')).toBe(true)
-    expect(note.hasClass('color-bg-info')).toBe(true)
+    expect(note.hasClass('color-border-success')).toBe(true)
+    expect(note.hasClass('color-bg-success')).toBe(true)
   })
 
   test('renders liquid within liquid within product frontmatter callouts', async () => {