refactor(toast): implemented toast.js refactored 'showToast' and updated pages accordingly

checkout.html

@@ -85,6 +85,7 @@
 						<button
 							type="submit"
 							id="btn-order"
+							data-step="unlock"
 							class="btn-primary checkout-continue">
 							<span class="btn-text">Continue to Payment →</span>
 							<span class="btn-spinner"></span>
@@ -126,8 +127,14 @@
 
 		<div id="footer-placeholder"></div>
 
+		<div class="toast" id="toast">
+			<span id="toast-icon" class="toast-icon"></span>
+			<span id="toast-msg"></span>
+		</div>
+
 		<script src="assets/js/config.js"></script>
 		<script src="assets/js/components.js"></script>
+		<script src="assets/js/toast.js"></script>
 		<script src="assets/js/cart.js"></script>
 		<script src="assets/js/checkout.js"></script>
 	</body>