ui tweaks

Author: kkartunov

package.json

@@ -153,7 +153,7 @@
     "supertest": "^3.1.0",
     "tc-core-library-js": "github:appirio-tech/tc-core-library-js#v2.6.3",
     "tc-ui": "^1.0.12",
-    "topcoder-react-lib": "1000.29.2",
+    "topcoder-react-lib": "1.2.9",
     "topcoder-react-ui-kit": "2.0.1",
     "topcoder-react-utils": "0.7.8",
     "turndown": "^4.0.2",

src/shared/components/ProfilePage/Awards/AwardModal/index.jsx

@@ -26,7 +26,7 @@ const AwatarModal = ({
           <span>{title}</span>
         </div>
 
-        <div styleName="description" dangerouslySetInnerHTML={{ __html: description }} />
+        <div styleName="description">{description}</div>
 
       </div>
     </div>

src/shared/components/ProfilePage/Awards/AwardModal/styles.scss

@@ -1,4 +1,5 @@
 @import "~styles/mixins";
+@import "~components/Contentful/brackets";
 
 .awardModal {
   display: flex;
@@ -40,7 +41,7 @@
     }
 
     .description {
-      @include roboto-regular;
+      @include brackets-content;
 
       font-weight: 400;
       color: $tco-black;

src/shared/components/ProfilePage/Awards/index.jsx

@@ -3,6 +3,7 @@ import PT from 'prop-types';
 import { Modal } from 'topcoder-react-ui-kit';
 import IconClose from 'assets/images/tc-edu/icon-close-big.svg';
 import _ from 'lodash';
+import md from 'utils/markdown';
 
 import style from './styles.scss';
 import AwardBadge from './AwardBadge';
@@ -23,8 +24,11 @@ const Awards = ({ badges }) => {
           {
             badges.map((reward) => {
               const title = _.get(reward, 'org_badge.badge_name');
-              const description = _.get(reward, 'org_badge.badge_description');
               const imageUrl = _.get(reward, 'org_badge.badge_image_url');
+              let description = _.get(reward, 'org_badge.badge_description');
+              if (description) {
+                description = md(description);
+              }
 
               return (
                 <AwardBadge