feat: add analyze game option post-game

Author: kevinjosethomas

src/components/Play/PlayControls.tsx

@@ -1,4 +1,7 @@
+import { BaseGame } from 'src/types'
+
 interface Props {
+  game: BaseGame
   playerActive: boolean
   gameOver: boolean
   resign?: () => void
@@ -7,6 +10,7 @@ interface Props {
 }
 
 export const PlayControls: React.FC<Props> = ({
+  game,
   playerActive,
   gameOver,
   resign,
@@ -16,13 +20,25 @@ export const PlayControls: React.FC<Props> = ({
   return (
     <div>
       {gameOver ? (
-        <div className="flex flex-col p-4 text-center">
+        <div className="flex flex-col gap-2 p-4 text-center">
+          {game.id ? (
+            <button
+              onClick={() => {
+                window.open(`/analysis/${game.id}/play`, '_blank')
+              }}
+              className="flex items-center justify-center rounded bg-engine-3 py-2 transition duration-200 hover:bg-engine-4"
+            >
+              <p className="font-medium uppercase tracking-wide">
+                Analyze game
+              </p>
+            </button>
+          ) : null}
           {playAgain ? (
             <button
               onClick={playAgain}
               className="flex items-center justify-center rounded bg-human-3 py-2 transition duration-200 hover:bg-human-4"
             >
-              <p className="text-lg">Play again</p>
+              <p className="font-medium uppercase tracking-wide">Play again</p>
             </button>
           ) : null}
         </div>

src/pages/play/maia.tsx

@@ -194,6 +194,7 @@ const PlayMaia: React.FC<Props> = ({
     <PlayControllerContext.Provider value={controller}>
       <GameplayInterface>
         <PlayControls
+          game={controller.game}
           playerActive={controller.playerActive}
           gameOver={!!controller.game.termination}
           resign={