IPVGO: add scoring rules explanations to how to play page and score modal (#1558)

src/Go/ui/GoScoreModal.tsx

@@ -1,6 +1,6 @@
 import type { GoScore } from "../Types";
 import React from "react";
-import { Button, Typography } from "@mui/material";
+import { Button, Typography, Box } from "@mui/material";
 
 import { GoOpponent, GoColor } from "@enums";
 import { Modal } from "../../ui/React/Modal";
@@ -13,10 +13,18 @@ interface Props {
   onClose: () => void;
   finalScore: GoScore;
   newSubnet: () => void;
+  showScoreExplanation: () => void;
   opponent: GoOpponent;
 }
 
-export const GoScoreModal = ({ open, onClose, finalScore, newSubnet, opponent }: Props): React.ReactElement => {
+export const GoScoreModal = ({
+  open,
+  onClose,
+  finalScore,
+  newSubnet,
+  showScoreExplanation,
+  opponent,
+}: Props): React.ReactElement => {
   const { classes } = boardStyles();
 
   const blackScore = finalScore[GoColor.black];
@@ -47,7 +55,10 @@ export const GoScoreModal = ({ open, onClose, finalScore, newSubnet, opponent }:
           ) : (
             ""
           )}
-          <Button onClick={newSubnet}>New Subnet</Button>
+          <Box className={classes.inlineFlexBox}>
+            <Button onClick={showScoreExplanation}>Score Explanation</Button>
+            <Button onClick={newSubnet}>New Subnet</Button>
+          </Box>
         </div>
       </>
     </Modal>