fix(card): fix long attributes in cards under 'Known For' section

makes the attributes scrollable instead

src/components/card/CardTitle.tsx

@@ -52,7 +52,7 @@ const CardTitle = ({ link, name, year, image, ratings, titleType, children, ...r
                 <span> ({formatNumber(ratings.numVotes)} votes)</span>
               </p>
             )}
-            {children}
+            <div className={styles.children}>{children}</div>
           </div>
         </a>
       </Link>

src/styles/modules/components/card/card-title.module.scss

@@ -35,6 +35,12 @@
   align-content: start;
 }
 
+.children {
+  max-height: 7em; // firefox doesn't support lh yet.
+  max-height: 7lh;
+  overflow: auto;
+}
+
 .name {
   font-size: 1.2em;
 }