tdah: glossary shows the term once, not twice

components/tdah/GlossaryView.jsx

@@ -10,12 +10,16 @@ export default function GlossaryView({ t, styles, onBack }) {
     <div className={styles.root}>
       <h1>{t['glossary.title']}</h1>
       <dl>
-        {keys.map((k) => (
-          <div key={k} className={styles.glossEntry}>
-            <dt>{t['glossary.' + k].split('.')[0]}</dt>
-            <dd>{t['glossary.' + k]}</dd>
-          </div>
-        ))}
+        {keys.map((k) => {
+          const entry = t['glossary.' + k];
+          const cut = entry.indexOf('. ');
+          return (
+            <div key={k} className={styles.glossEntry}>
+              <dt>{entry.slice(0, cut)}</dt>
+              <dd>{entry.slice(cut + 2)}</dd>
+            </div>
+          );
+        })}
       </dl>
       <button className={styles.btn} onClick={onBack}>{t['header.logo.h1']}</button>
     </div>