Doc: Display JSB equivalent prices per month

Assets/WebsiteAssets/css/site.css

@@ -1212,6 +1212,13 @@ footer .bottom-links-row p {
 	margin-top: 2em;
 }
 
+.price-container p.pricing-table-billed-annually {
+	font-size: 14px;
+	font-style: italic;
+	opacity: 0.7;
+	margin-top: 0.5em;
+}
+
 .price-row {
 	display: flex;
 	flex-direction: row;

Assets/WebsiteAssets/templates/partials/plan.mustache

@@ -40,12 +40,16 @@
 		{{#pricingTable}}
 			<strong translate>Pricing</strong>
 			<table class="table">
+				<thead>
+					<tr><th translate>Users</th><th translate>Price</th></tr>
+				</thead>
 				<tbody>
 					{{#rows}}
-						<tr><td>{{condition}}</td><td>{{priceYearly}}</td></tr>
+						<tr><td>{{condition}}</td><td>{{priceMonthly}}</td></tr>
 					{{/rows}}
 				</tbody>
 			</table>
+			<p class="pricing-table-billed-annually">{{billedAnnually}}</p>
 		{{/pricingTable}}
 
 		<p class="text-center subscribe-wrapper">