Fix UsefulContentSection not collapsing correctly

Author: Lucas Bento

src/__tests__/components/common/__snapshots__/UsefulContentSection.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`renders without crashing 1`] = `
 <div>
   <div
-    class="sc-AykKE dnSnnP"
+    class="sc-AykKE lcDHUR"
   >
     <div
       class="sc-AykKF dqdZRH"

src/components/common/UsefulContentSection.js

@@ -6,9 +6,9 @@ import { Link } from './Markdown'
 
 const Container = styled.div`
   position: relative;
-  margin-top: ${({ isVisible }) => (isVisible ? '16px' : 0)}
+  ${props => props.isVisible && 'margin-top: 16px;'}
   color: rgba(0, 0, 0, 0.65);
-  max-height: ${({ isVisible }) => (isVisible ? '800px' : 0)}
+  ${props => (props.isVisible ? 'max-height: 800px;' : 'max-height: 0px;')}
   overflow: hidden;
   transition: max-height 0.4s ease-out, margin-top 0.4s ease-out 0.2s;
 `