Add snackbar like notifications

[BurntimeX]

Use this template code for testing:

<button type="button" class="button" id="showSnackbar">Show Snackbar</button>
<button type="button" class="button" id="showProgressSnackbar">Show Progress Snackbar</button>

<script data-relocate="true">
	require(['WoltLabSuite/Core/Component/Snackbar'], ({ showDefaultSuccessSnackbar, showProgressSnackbar }) => {
		document.getElementById('showSnackbar').addEventListener('click', () => {
			const snackbar = showDefaultSuccessSnackbar();
			snackbar.addEventListener("close", () => {
				console.log('Closed');
			});
		});
		document.getElementById('showProgressSnackbar').addEventListener('click', () => {
			const snackbar = showProgressSnackbar('1 of 10');
			snackbar.addEventListener("close", () => {
				console.log('Closed');
			});

			window.setTimeout(() => {
				snackbar.message = '5 of 10';
			}, 2000);

			window.setTimeout(() => {
				snackbar.markAsDone('done!');
			}, 4000);
		});
	});
</script>

ref #6134