fill glossary terms in human written answers

web/src/glossary.tsx

@@ -52,7 +52,3 @@ export const GlossarySpan: React.FC<{content: string}> = ({content}) => {
 
     })}} />;
 }
-
-
-
-

web/src/pages/index.tsx

@@ -540,7 +540,7 @@ const Home: NextPage = () => {
                                         maxWidth: "99.8%",
                                     }}
                                 >
-                                    <div dangerouslySetInnerHTML={{__html: entry.content}} />
+                                    <div><GlossarySpan content={entry.content} /></div>
                                     <div className="mb-3 flex justify-end">
                                         <a href={entry.url} target="_blank"
                                            className="flex items-center space-x-1">

web/src/styles/globals.css

@@ -46,6 +46,7 @@ ol {
   transform: translateY(1.7rem);
   @apply bg-white hover:bg-gray-300 h-fit px-3;
   @apply border border-gray-300;
+  @apply text-black;
 }
 
 /* .glossary-link:hover + .glossary-hover { */