Fix: Prevent Webpack from parsing displayed require() code

Author: Hari Kiran

src/components/DatasetFlashcards.tsx

@@ -435,16 +435,15 @@ json data(datafile);`}
         <Typography>Install:</Typography>
         <code style={flashcardStyles.codeBlock}>npm install jda numjs pako atob</code>
         <Typography>Load:</Typography>
-        <code style={flashcardStyles.codeBlock}>
-          {`const fs = require("fs");
-const jd = require("jda");
-global.atob = require("atob");
-
-const fn = "${docname}.json";
-var jstr = fs.readFileSync(fn).toString().replace(/\\n/g, "");
-var data = new jd(JSON.parse(jstr));
-data = data.decode();`}
-        </code>
+        <code style={flashcardStyles.codeBlock} dangerouslySetInnerHTML={{
+  __html: `const fs = require("fs");<br>
+const jd = require("jda");<br>
+global.atob = require("atob");<br><br>
+const fn = "${docname}.json";<br>
+var jstr = fs.readFileSync(fn).toString().replace(/\\n/g, "");<br>
+var data = new jd(JSON.parse(jstr));<br>
+data = data.decode();`
+}} />
         <Typography>Read value:</Typography>
         <code style={flashcardStyles.codeBlock}>
           {`console.log(data.data["${onekey}"]);`}