chore: concerts + fix modals

src/components/blocks/Modal.astro

@@ -1,8 +1,25 @@
 ---
-const { content } = Astro.props;
----
+import { md } from "@utils/helpers/general.js";
+import { IconCircleX, IconInfoCircle } from "@tabler/icons-react";
 
-<div class="modal">
-  <button class="close">Close</button>
-  <div class="content">{content}</div>
-</div>
+const { content, id } = Astro.props;
+---
+<>
+  <input
+    class="modal-input"
+    id={id}
+    type="checkbox"
+    tabindex="0"
+  />
+  <label class="modal-toggle" for={id}>
+    <IconInfoCircle size={24} />
+  </label>
+  <div class="modal-wrapper">
+    <div class="modal-body">
+      <label class="modal-close" for={id}>
+        <IconCircleX size={24} />
+      </label>
+      <div set:html={md(content)}></div>
+    </div>
+  </div>
+</>