feat: download data preview modal

templates/components/PreviewModal.html.twig

@@ -0,0 +1,10 @@
+<dialog{{ attributes }} is="preview-content-dialog" class="py-3 px-4 w-full md:w-[50rem] rounded-md">
+    <div class="flex flex-row justify-end">
+        <twig:ux:icon name="ic:twotone-cancel" width="16.75px" height="16.75px" class="modal-close rounded-full align-middle text-red-600 hover:text-red-700" />
+    </div>
+    <h2 class="modal-heading mb-4 text-2xl font-bold">{{ heading|default('') }}</h2>
+
+    <div class="modal-content mb-4">
+        {% block content %}{% endblock %}
+    </div>
+</dialog>