Render Minesweeper board

ms-board-render.js

const template = `
    <style>
        th, td {
            padding: .75rem 1.25rem;
            font-size: 11px
        }
        .alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;font-size:1.5rem;font-family:monospace}
        .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
    </style>
    <div class="alert alert-info">
        <strong>References:</strong> <br>
        <strong>* M </strong> -----> Veiled mine <br>
        <strong>* X</strong> -----> Exploded mine <br>
        <strong>* E</strong> -----> Veiled Empty <br>
        <strong>* B</strong> -----> Revealed Blank <br> 
        <strong>* Digit</strong> -> Revealed with adjacent mine count <br>
        -<strong>Note: </strong> Lowercase values inidcate flagged cell-
    </div>
	<table font-size: 8px>
		{{#each this}}
				{{#each this}}
					<tr>
					{{#each this }}
						<td>{{ this }}</td>
					{{/each}}
					</tr>
				{{/each}}
		{{/each}}
	<table>
`
pm.visualizer.set(template, {
    response: JSON.parse(responseBody)
})