Fix topcoder-platform#2824 [MSFT-126] Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible.

Author: asadath1395

src/shared/components/challenge-detail/Specification/SideBar/index.jsx

@@ -108,7 +108,7 @@ Final Review:
             </h4>
             <span styleName="link-like-paragraph tooltip-container">
               {reviewTypeTitle}
-              <Tooltip content={reviewTip}>
+              <Tooltip content={reviewTip} trigger={['hover', 'focus']}>
                 <div styleName="tctooltip">
 ?
                 </div>
@@ -119,7 +119,7 @@ Approval:
             </h4>
             <span styleName="link-like-paragraph tooltip-container">
               User Sign-Off
-              <Tooltip content={approvalTip} className={styles['tooltip-overlay']}>
+              <Tooltip content={approvalTip} className={styles['tooltip-overlay']} trigger={['hover', 'focus']}>
                 <div styleName="tctooltip">
 ?
                 </div>