feat: render code blocks in front

Closes: https://github.com/2anki/web/issues/193

src/lib/notion/helpers/renderFront.tsx

@@ -2,6 +2,7 @@ import { GetBlockResponse } from '@notionhq/client/build/src/api-endpoints';
 import { captureException } from '@sentry/node';
 
 import BlockHandler from '../BlockHandler';
+import BlockCode from '../blocks/BlockCode';
 import { BlockHeading } from '../blocks/BlockHeadings';
 import FrontFlashcard from '../blocks/FrontFlashcard';
 import BlockColumn from '../blocks/lists/BlockColumn';
@@ -33,6 +34,11 @@ export default async function renderFront(
         return `<img src='${getImageUrl(block)}' />`;
       }
       break;
+    case 'code':
+      if (handler.settings.learnMode) {
+        return BlockCode(block, handler);
+      }
+      break;
     case 'toggle':
       // @ts-ignore
       const { toggle } = block;