fix english on blocks

package.json

@@ -6,7 +6,7 @@
     "@formkit/auto-animate": "^1.0.0-beta.1",
     "@fortawesome/fontawesome-free": "^5.15.4",
     "@lingdocs/lingdocs-main": "^0.3.1",
-    "@lingdocs/pashto-inflector": "^2.9.7",
+    "@lingdocs/pashto-inflector": "^2.9.8",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",

src/components/phrase-diagram/BlockDiagram.tsx

@@ -14,11 +14,11 @@ function BlockDiagram({ opts, children }: {
     const rendered = children.type === "AP"
         ? renderAPSelection(children)
         : renderNPSelection(children, false, false, "subject", "none");
-    return <div>
+    return <div className="mb-3">
          <div className="d-flex flex-row justify-content-center" style={{ maxWidth: "100%" }}>
             {rendered.type === "NP"
-                ? <NPBlock opts={opts}>{rendered}</NPBlock>
-                : <APBlock opts={opts}>{rendered}</APBlock>}
+                ? <NPBlock opts={opts} english={rendered.selection.e}>{rendered}</NPBlock>
+                : <APBlock opts={opts} english={rendered.selection.e}>{rendered}</APBlock>}
         </div>
     </div>;
     } catch(e) {