From 5facca2566d7283a38c21911bb2f722118f2fa2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BCrgen=20Mummert?= <juergen@MacBookPro.fritz.box>
Date: Sun, 1 Mar 2026 13:02:42 +0100
Subject: [PATCH] Move editor icons to eventmanager and remove inline styling

---
 .../templates/frontend/event_edit.html.twig   | 235 ++----------------
 .../templates/frontend/event_filter.html.twig |  73 ------
 contao/templates/frontend/event_map.html.twig |  27 --
 .../frontend/member_events.html.twig          |  12 +-
 .../frontend/organization_edit.html.twig      | 231 +----------------
 public/icons/add_col_after.svg                |   3 +
 public/icons/add_col_before.svg               |   3 +
 public/icons/add_row_after.svg                |   3 +
 public/icons/add_row_before.svg               |   3 +
 public/icons/bold.svg                         |   1 +
 public/icons/checklist.svg                    |   1 +
 public/icons/code.svg                         |   1 +
 public/icons/combine_cells.svg                |   3 +
 public/icons/delete_col.svg                   |   3 +
 public/icons/delete_row.svg                   |   3 +
 public/icons/delete_table.svg                 |   3 +
 public/icons/github.svg                       |   3 +
 public/icons/h2.svg                           |   4 +
 public/icons/h3.svg                           |   4 +
 public/icons/hr.svg                           |   3 +
 public/icons/image.svg                        |   1 +
 public/icons/indent.svg                       |   4 +
 public/icons/italic.svg                       |   1 +
 public/icons/link.svg                         |   1 +
 public/icons/mention.svg                      |   1 +
 public/icons/ol.svg                           |   1 +
 public/icons/outdent.svg                      |   4 +
 public/icons/paragraph.svg                    |   1 +
 public/icons/quote.svg                        |   1 +
 public/icons/redo.svg                         |   1 +
 public/icons/remove.svg                       |   1 +
 public/icons/strike.svg                       |   1 +
 public/icons/table.svg                        |   3 +
 public/icons/ul.svg                           |   1 +
 public/icons/underline.svg                    |   1 +
 public/icons/undo.svg                         |   1 +
 36 files changed, 97 insertions(+), 546 deletions(-)
 create mode 100755 public/icons/add_col_after.svg
 create mode 100755 public/icons/add_col_before.svg
 create mode 100755 public/icons/add_row_after.svg
 create mode 100755 public/icons/add_row_before.svg
 create mode 100755 public/icons/bold.svg
 create mode 100755 public/icons/checklist.svg
 create mode 100755 public/icons/code.svg
 create mode 100755 public/icons/combine_cells.svg
 create mode 100755 public/icons/delete_col.svg
 create mode 100755 public/icons/delete_row.svg
 create mode 100755 public/icons/delete_table.svg
 create mode 100755 public/icons/github.svg
 create mode 100644 public/icons/h2.svg
 create mode 100644 public/icons/h3.svg
 create mode 100755 public/icons/hr.svg
 create mode 100755 public/icons/image.svg
 create mode 100644 public/icons/indent.svg
 create mode 100755 public/icons/italic.svg
 create mode 100755 public/icons/link.svg
 create mode 100755 public/icons/mention.svg
 create mode 100755 public/icons/ol.svg
 create mode 100644 public/icons/outdent.svg
 create mode 100755 public/icons/paragraph.svg
 create mode 100755 public/icons/quote.svg
 create mode 100755 public/icons/redo.svg
 create mode 100755 public/icons/remove.svg
 create mode 100755 public/icons/strike.svg
 create mode 100755 public/icons/table.svg
 create mode 100755 public/icons/ul.svg
 create mode 100755 public/icons/underline.svg
 create mode 100755 public/icons/undo.svg

diff --git a/contao/templates/frontend/event_edit.html.twig b/contao/templates/frontend/event_edit.html.twig
index 6a34c8b..aafe422 100644
--- a/contao/templates/frontend/event_edit.html.twig
+++ b/contao/templates/frontend/event_edit.html.twig
@@ -10,213 +10,6 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/themes/airbnb.css">
     <link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
     <link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
-    <style>
-      .module-event-edit .event-editor-toolbar {
-        display: flex;
-        flex-wrap: wrap;
-        gap: .5rem;
-        margin: .5rem 0;
-      }
-
-      .module-event-edit .event-editor-toolbar button {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        min-width: 2.2rem;
-        padding: .4rem .65rem;
-        border: 1px solid #cbd5e1;
-        border-radius: .375rem;
-        background: #f8fafc;
-        color: #1f2937;
-        font-size: .9rem;
-        font-weight: 600;
-        cursor: pointer;
-        line-height: 1;
-      }
-
-      .module-event-edit .event-editor-toolbar button img {
-        width: 1rem;
-        height: 1rem;
-        display: block;
-        filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(522%) hue-rotate(177deg) brightness(94%) contrast(91%);
-        transition: filter .15s ease;
-      }
-
-      .module-event-edit .event-editor-toolbar button:hover {
-        background: #eef2ff;
-        border-color: #a5b4fc;
-      }
-
-      .module-event-edit .event-editor-toolbar button:hover img {
-        filter: brightness(0) saturate(100%) invert(24%) sepia(57%) saturate(2496%) hue-rotate(231deg) brightness(87%) contrast(105%);
-      }
-
-      .module-event-edit .event-editor-toolbar button.is-active {
-        background: #4f46e5;
-        border-color: #4338ca;
-        color: #fff;
-      }
-
-      .module-event-edit .event-editor-toolbar button.is-active img {
-        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7486%) hue-rotate(63deg) brightness(106%) contrast(101%);
-      }
-
-      .module-event-edit .event-editor-toolbar button:disabled {
-        opacity: .45;
-        cursor: not-allowed;
-        background: #f1f5f9;
-        border-color: #d1d5db;
-        color: #6b7280;
-      }
-
-      .module-event-edit .event-editor-toolbar button:disabled img {
-        filter: brightness(0) saturate(100%) invert(49%) sepia(8%) saturate(616%) hue-rotate(175deg) brightness(91%) contrast(88%);
-      }
-
-      .module-event-edit .event-editor {
-        border: 1px solid #cbd5e1;
-        border-radius: .375rem;
-        padding: .75rem;
-        min-height: 14rem;
-        background: #fff;
-      }
-
-      .module-event-edit .event-editor .ProseMirror {
-        outline: none;
-        min-height: 12rem;
-      }
-
-      .module-event-edit .event-editor-counter {
-        margin-top: .5rem;
-        font-size: .85rem;
-        color: #475569;
-      }
-
-      .module-event-edit .event-editor-counter.is-over-limit {
-        color: #b91c1c;
-        font-weight: 600;
-      }
-
-      .module-event-edit .event-editor-shortcuts {
-        margin-top: .6rem;
-        font-size: .85rem;
-        color: #334155;
-      }
-
-      .module-event-edit .event-editor-shortcuts ul {
-        margin: .25rem 0 0;
-        padding-left: 1.1rem;
-      }
-
-      .module-event-edit .ns-tag-switches {
-        display: grid;
-        gap: .5rem;
-        margin-top: .35rem;
-      }
-
-      .module-event-edit .ns-tag-switch-item {
-        display: flex;
-        align-items: center;
-        gap: .65rem;
-      }
-
-      .module-event-edit .ns-tag-switch-item label {
-        margin: 0;
-      }
-
-      .module-event-edit .visually-hidden {
-        position: absolute !important;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        border: 0;
-        white-space: nowrap;
-      }
-
-      .module-event-edit .ns-tag-switch-input {
-        appearance: none;
-        width: 2.5rem;
-        height: 1.4rem;
-        border-radius: 999px;
-        border: 1px solid #94a3b8;
-        background: #e2e8f0;
-        position: relative;
-        cursor: pointer;
-        transition: background-color .15s ease;
-      }
-
-      .module-event-edit .ns-tag-switch-input::after {
-        content: '';
-        position: absolute;
-        top: .1rem;
-        left: .12rem;
-        width: 1rem;
-        height: 1rem;
-        border-radius: 999px;
-        background: #fff;
-        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-        transition: transform .15s ease;
-      }
-
-      .module-event-edit .ns-tag-switch-input:checked {
-        background: #4f46e5;
-        border-color: #4338ca;
-      }
-
-      .module-event-edit .ns-tag-switch-input:checked::after {
-        transform: translateX(1.05rem);
-      }
-
-      .module-event-edit .ns-tag-switch-input:focus-visible {
-        outline: 2px solid #1d4ed8;
-        outline-offset: 2px;
-      }
-
-      .module-event-edit .filepond--root {
-        width: 400px;
-        height: 600px;
-      }
-
-      .module-event-edit .filepond--root .filepond--drop-label {
-        height: 100%;
-        inset: 0;
-      }
-
-      .module-event-edit .filepond--root .filepond--drop-label label {
-        display: block;
-        width: auto;
-        float: none;
-        margin: 0;
-        padding: 0;
-        text-align: center;
-        font-weight: inherit;
-      }
-
-      .module-event-edit .filepond--root .filepond--drop-label,
-      .module-event-edit .filepond--root .filepond--drop-label label,
-      .module-event-edit .filepond--root .filepond--file-action-button {
-        pointer-events: auto;
-      }
-
-      .module-event-edit .filepond--root .filepond--image-preview-wrapper {
-        background: #f7f7f7;
-      }
-
-      .module-event-edit .filepond--root .filepond--panel-root,
-      .module-event-edit .filepond--root .filepond--item-panel,
-      .module-event-edit .filepond--root .filepond--image-preview {
-        background-color: #f7f7f7 !important;
-      }
-
-      .module-event-edit .filepond--root .filepond--image-preview-overlay-idle,
-      .module-event-edit .filepond--root .filepond--image-preview-overlay-success,
-      .module-event-edit .filepond--root .filepond--image-preview-overlay-failure {
-        background: rgba(255, 255, 255, 0.65);
-      }
-    </style>
     <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
     <script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/de.js"></script>
@@ -235,7 +28,7 @@
       {{ form_row(form.startDate) }}
       {{ form_row(form.endDate) }}
       {{ form_row(form.addTime) }}
-      <div id="event-time-wrap" style="display:none;" hidden aria-hidden="true">
+      <div id="event-time-wrap" hidden aria-hidden="true">
         {{ form_row(form.startTime) }}
         {{ form_row(form.endTime) }}
       </div>
@@ -279,51 +72,51 @@
           aria-controls="{{ form.teaser.vars.id }}-editor"
         >
           <button type="button" data-action="paragraph" title="Absatz">
-            <img src="{{ asset('bundles/newssubmission/icons/paragraph.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/paragraph.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Absatz</span>
           </button>
           <button type="button" data-action="h2" title="Überschrift H2">
-            <img src="{{ asset('bundles/newssubmission/icons/h2.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/h2.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">H2</span>
           </button>
           <button type="button" data-action="h3" title="Überschrift H3">
-            <img src="{{ asset('bundles/newssubmission/icons/h3.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/h3.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">H3</span>
           </button>
           <button type="button" data-action="bold" title="Fett (Strg/Cmd+B)" aria-keyshortcuts="Control+B Meta+B">
-            <img src="{{ asset('bundles/newssubmission/icons/bold.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/bold.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Fett</span>
           </button>
           <button type="button" data-action="italic" title="Kursiv (Strg/Cmd+I)" aria-keyshortcuts="Control+I Meta+I">
-            <img src="{{ asset('bundles/newssubmission/icons/italic.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/italic.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Kursiv</span>
           </button>
           <button type="button" data-action="underline" title="Unterstrichen (Strg/Cmd+U)" aria-keyshortcuts="Control+U Meta+U">
-            <img src="{{ asset('bundles/newssubmission/icons/underline.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/underline.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Unterstrichen</span>
           </button>
           <button type="button" data-action="bulletList" title="Liste">
-            <img src="{{ asset('bundles/newssubmission/icons/ul.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/ul.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Liste</span>
           </button>
           <button type="button" data-action="orderedList" title="Nummerierte Liste">
-            <img src="{{ asset('bundles/newssubmission/icons/ol.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/ol.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Nummerierte Liste</span>
           </button>
           <button type="button" data-action="indent" title="Einzug vergrößern">
-            <img src="{{ asset('bundles/newssubmission/icons/indent.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/indent.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Einzug vergrößern</span>
           </button>
           <button type="button" data-action="outdent" title="Einzug verkleinern">
-            <img src="{{ asset('bundles/newssubmission/icons/outdent.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/outdent.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Einzug verkleinern</span>
           </button>
           <button type="button" data-action="undo" title="Rückgängig (Strg/Cmd+Z)" aria-keyshortcuts="Control+Z Meta+Z">
-            <img src="{{ asset('bundles/newssubmission/icons/undo.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/undo.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Rückgängig</span>
           </button>
           <button type="button" data-action="redo" title="Wiederholen (Strg/Cmd+Shift+Z)" aria-keyshortcuts="Control+Shift+Z Meta+Shift+Z">
-            <img src="{{ asset('bundles/newssubmission/icons/redo.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/redo.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Wiederholen</span>
           </button>
         </div>
@@ -359,7 +152,7 @@
       {{ form_row(form.url) }}
       {{ form_row(form.addImage) }}
 
-      <div id="event-image-upload-wrap" style="display:none;" hidden aria-hidden="true">
+      <div id="event-image-upload-wrap" hidden aria-hidden="true">
         {{ form_row(form.eventUpload) }}
         {{ form_row(form.photographer) }}
         <p class="help-text">Die Angabe des Urhebers ist notwendig. Ihnen muss eine Genehmigung zur Verwendung des Bildes vorliegen.</p>
diff --git a/contao/templates/frontend/event_filter.html.twig b/contao/templates/frontend/event_filter.html.twig
index 740ca90..5cc9c68 100644
--- a/contao/templates/frontend/event_filter.html.twig
+++ b/contao/templates/frontend/event_filter.html.twig
@@ -37,79 +37,6 @@
     <p id="eventfilter-status" class="visually-hidden" aria-live="polite"></p>
 </div>
 
-<style>
-    .visually-hidden {
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-        border: 0;
-    }
-
-    .event-filter-target-list {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-        gap: 1rem;
-    }
-
-    .event-filter-target-list .event {
-        opacity: 1;
-        transform: translateY(0);
-        transition: opacity 220ms ease, transform 220ms ease;
-        will-change: opacity, transform;
-    }
-
-    .event-filter-target-list .event.is-filtered-out {
-        opacity: 0;
-        transform: translateY(6px);
-        pointer-events: none;
-    }
-
-    #eventfilters .widget-select.active select {
-        outline: 3px solid currentColor;
-        outline-offset: 3px;
-    }
-
-    #eventfilters .widget-select.active::before {
-        display: none;
-    }
-
-    #eventfilters select:focus-visible {
-        outline: 3px solid currentColor;
-        outline-offset: 3px;
-    }
-
-    #eventfilters .widget-select {
-        position: relative;
-    }
-
-    #eventfilters .eventfilter-clear {
-        position: absolute;
-        top: 50%;
-        right: 0;
-        transform: translateY(-50%);
-        margin: 0;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        border: 0;
-        background: transparent;
-        color: inherit;
-        cursor: pointer;
-        padding: 1em;
-        line-height: 1;
-    }
-
-    #eventfilters .eventfilter-clear[hidden] {
-        display: none;
-    }
-
-</style>
-
 <script type="module">
     const filters = document.getElementById('eventfilters');
 
diff --git a/contao/templates/frontend/event_map.html.twig b/contao/templates/frontend/event_map.html.twig
index 2e17f7f..dfdaaa6 100644
--- a/contao/templates/frontend/event_map.html.twig
+++ b/contao/templates/frontend/event_map.html.twig
@@ -84,32 +84,5 @@
     data-map-pitch="{{ mapPitch|default(0)|e('html_attr') }}"
 ></div>
 
-<style>
-    .eventmanager-map-filter {
-        display: grid;
-        gap: .5rem;
-        margin-bottom: .75rem;
-    }
-
-    .eventmanager-map-filter__group {
-        display: flex;
-        flex-wrap: wrap;
-        gap: .5rem;
-    }
-
-    .eventmanager-map-filter__tag[aria-pressed="true"] {
-        font-weight: 600;
-    }
-
-    .eventmanager-map {
-        width: 100%;
-        min-height: 420px;
-    }
-
-    .maplibregl-popup {
-        z-index: 2147483647;
-    }
-</style>
-
 <script type="application/json" id="{{ mapDataElementId|e('html_attr') }}">{{ mapItemsJson|raw }}</script>
 <script type="module" src="/bundles/mummertmediaeventmanager/assets/map-module.js?v=20260227b"></script>
diff --git a/contao/templates/frontend/member_events.html.twig b/contao/templates/frontend/member_events.html.twig
index 8f74a44..cc0489e 100644
--- a/contao/templates/frontend/member_events.html.twig
+++ b/contao/templates/frontend/member_events.html.twig
@@ -17,7 +17,7 @@
 
           {% if isEditor %}
             <div class="member-events-actions">
-              <form method="post" style="display:inline;" aria-label="Sichtbarkeit für {{ item.title }} ändern">
+              <form method="post" class="member-events-action-form" aria-label="Sichtbarkeit für {{ item.title }} ändern">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="toggle_published">
                 <input type="hidden" name="event_id" value="{{ item.id }}">
@@ -28,14 +28,14 @@
                 <a href="{{ item.editUrl }}" aria-label="{{ item.title }} bearbeiten">Bearbeiten</a>
               {% endif %}
 
-              <form method="post" style="display:inline;" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich duplizieren?')|e('html_attr') }}" aria-label="{{ item.title }} duplizieren">
+              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich duplizieren?')|e('html_attr') }}" aria-label="{{ item.title }} duplizieren">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="duplicate">
                 <input type="hidden" name="event_id" value="{{ item.id }}">
                 <button type="submit" aria-label="{{ item.title }} duplizieren">Duplizieren</button>
               </form>
 
-              <form method="post" style="display:inline;" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich löschen?')|e('html_attr') }}" aria-label="{{ item.title }} löschen">
+              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich löschen?')|e('html_attr') }}" aria-label="{{ item.title }} löschen">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="delete">
                 <input type="hidden" name="event_id" value="{{ item.id }}">
@@ -74,7 +74,7 @@
 
           {% if isEditor %}
             <div class="member-events-actions">
-              <form method="post" style="display:inline;" aria-label="Sichtbarkeit für {{ item.title }} ändern">
+              <form method="post" class="member-events-action-form" aria-label="Sichtbarkeit für {{ item.title }} ändern">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="toggle_published">
                 <input type="hidden" name="event_id" value="{{ item.id }}">
@@ -85,14 +85,14 @@
                 <a href="{{ item.editUrl }}" aria-label="{{ item.title }} bearbeiten">Bearbeiten</a>
               {% endif %}
 
-              <form method="post" style="display:inline;" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich duplizieren?')|e('html_attr') }}" aria-label="{{ item.title }} duplizieren">
+              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich duplizieren?')|e('html_attr') }}" aria-label="{{ item.title }} duplizieren">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="duplicate">
                 <input type="hidden" name="event_id" value="{{ item.id }}">
                 <button type="submit" aria-label="{{ item.title }} duplizieren">Duplizieren</button>
               </form>
 
-              <form method="post" style="display:inline;" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich löschen?')|e('html_attr') }}" aria-label="{{ item.title }} löschen">
+              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich löschen?')|e('html_attr') }}" aria-label="{{ item.title }} löschen">
                 <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                 <input type="hidden" name="action" value="delete">
                 <input type="hidden" name="event_id" value="{{ item.id }}">
diff --git a/contao/templates/frontend/organization_edit.html.twig b/contao/templates/frontend/organization_edit.html.twig
index 19fca79..acbf528 100644
--- a/contao/templates/frontend/organization_edit.html.twig
+++ b/contao/templates/frontend/organization_edit.html.twig
@@ -7,213 +7,6 @@
   {% elseif form is defined and form %}
     <link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
     <link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
-    <style>
-      .module-organization-edit .event-editor-toolbar {
-        display: flex;
-        flex-wrap: wrap;
-        gap: .5rem;
-        margin: .5rem 0;
-      }
-
-      .module-organization-edit .event-editor-toolbar button {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        min-width: 2.2rem;
-        padding: .4rem .65rem;
-        border: 1px solid #cbd5e1;
-        border-radius: .375rem;
-        background: #f8fafc;
-        color: #1f2937;
-        font-size: .9rem;
-        font-weight: 600;
-        cursor: pointer;
-        line-height: 1;
-      }
-
-      .module-organization-edit .event-editor-toolbar button img {
-        width: 1rem;
-        height: 1rem;
-        display: block;
-        filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(522%) hue-rotate(177deg) brightness(94%) contrast(91%);
-        transition: filter .15s ease;
-      }
-
-      .module-organization-edit .event-editor-toolbar button:hover {
-        background: #eef2ff;
-        border-color: #a5b4fc;
-      }
-
-      .module-organization-edit .event-editor-toolbar button:hover img {
-        filter: brightness(0) saturate(100%) invert(24%) sepia(57%) saturate(2496%) hue-rotate(231deg) brightness(87%) contrast(105%);
-      }
-
-      .module-organization-edit .event-editor-toolbar button.is-active {
-        background: #4f46e5;
-        border-color: #4338ca;
-        color: #fff;
-      }
-
-      .module-organization-edit .event-editor-toolbar button.is-active img {
-        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7486%) hue-rotate(63deg) brightness(106%) contrast(101%);
-      }
-
-      .module-organization-edit .event-editor-toolbar button:disabled {
-        opacity: .45;
-        cursor: not-allowed;
-        background: #f1f5f9;
-        border-color: #d1d5db;
-        color: #6b7280;
-      }
-
-      .module-organization-edit .event-editor-toolbar button:disabled img {
-        filter: brightness(0) saturate(100%) invert(49%) sepia(8%) saturate(616%) hue-rotate(175deg) brightness(91%) contrast(88%);
-      }
-
-      .module-organization-edit .event-editor {
-        border: 1px solid #cbd5e1;
-        border-radius: .375rem;
-        padding: .75rem;
-        min-height: 14rem;
-        background: #fff;
-      }
-
-      .module-organization-edit .event-editor .ProseMirror {
-        outline: none;
-        min-height: 12rem;
-      }
-
-      .module-organization-edit .event-editor-counter {
-        margin-top: .5rem;
-        font-size: .85rem;
-        color: #475569;
-      }
-
-      .module-organization-edit .event-editor-counter.is-over-limit {
-        color: #b91c1c;
-        font-weight: 600;
-      }
-
-      .module-organization-edit .event-editor-shortcuts {
-        margin-top: .6rem;
-        font-size: .85rem;
-        color: #334155;
-      }
-
-      .module-organization-edit .event-editor-shortcuts ul {
-        margin: .25rem 0 0;
-        padding-left: 1.1rem;
-      }
-
-      .module-organization-edit .ns-tag-switches {
-        display: grid;
-        gap: .5rem;
-        margin-top: .35rem;
-      }
-
-      .module-organization-edit .ns-tag-switch-item {
-        display: flex;
-        align-items: center;
-        gap: .65rem;
-      }
-
-      .module-organization-edit .ns-tag-switch-item label {
-        margin: 0;
-      }
-
-      .module-organization-edit .visually-hidden {
-        position: absolute !important;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        border: 0;
-        white-space: nowrap;
-      }
-
-      .module-organization-edit .ns-tag-switch-input {
-        appearance: none;
-        width: 2.5rem;
-        height: 1.4rem;
-        border-radius: 999px;
-        border: 1px solid #94a3b8;
-        background: #e2e8f0;
-        position: relative;
-        cursor: pointer;
-        transition: background-color .15s ease;
-      }
-
-      .module-organization-edit .ns-tag-switch-input::after {
-        content: '';
-        position: absolute;
-        top: .1rem;
-        left: .12rem;
-        width: 1rem;
-        height: 1rem;
-        border-radius: 999px;
-        background: #fff;
-        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-        transition: transform .15s ease;
-      }
-
-      .module-organization-edit .ns-tag-switch-input:checked {
-        background: #4f46e5;
-        border-color: #4338ca;
-      }
-
-      .module-organization-edit .ns-tag-switch-input:checked::after {
-        transform: translateX(1.05rem);
-      }
-
-      .module-organization-edit .ns-tag-switch-input:focus-visible {
-        outline: 2px solid #1d4ed8;
-        outline-offset: 2px;
-      }
-
-      .module-organization-edit .filepond--root {
-        width: 400px;
-        height: 400px;
-      }
-
-      .module-organization-edit .filepond--root .filepond--drop-label {
-        height: 100%;
-        inset: 0;
-      }
-
-      .module-organization-edit .filepond--root .filepond--drop-label label {
-        display: block;
-        width: auto;
-        float: none;
-        margin: 0;
-        padding: 0;
-        text-align: center;
-        font-weight: inherit;
-      }
-
-      .module-organization-edit .filepond--root .filepond--drop-label,
-      .module-organization-edit .filepond--root .filepond--drop-label label,
-      .module-organization-edit .filepond--root .filepond--file-action-button {
-        pointer-events: auto;
-      }
-
-      .module-organization-edit .filepond--root .filepond--image-preview-wrapper {
-        background: #f7f7f7;
-      }
-
-      .module-organization-edit .filepond--root .filepond--panel-root,
-      .module-organization-edit .filepond--root .filepond--item-panel,
-      .module-organization-edit .filepond--root .filepond--image-preview {
-        background-color: #f7f7f7 !important;
-      }
-
-      .module-organization-edit .filepond--root .filepond--image-preview-overlay-idle,
-      .module-organization-edit .filepond--root .filepond--image-preview-overlay-success,
-      .module-organization-edit .filepond--root .filepond--image-preview-overlay-failure {
-        background: rgba(255, 255, 255, 0.65);
-      }
-    </style>
     <script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
     <script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
     <script src="https://unpkg.com/filepond-plugin-image-resize/dist/filepond-plugin-image-resize.min.js"></script>
@@ -246,51 +39,51 @@
           aria-controls="{{ form.description.vars.id }}-editor"
         >
           <button type="button" data-action="paragraph" title="Absatz">
-            <img src="{{ asset('bundles/newssubmission/icons/paragraph.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/paragraph.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Absatz</span>
           </button>
           <button type="button" data-action="h2" title="Überschrift H2">
-            <img src="{{ asset('bundles/newssubmission/icons/h2.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/h2.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">H2</span>
           </button>
           <button type="button" data-action="h3" title="Überschrift H3">
-            <img src="{{ asset('bundles/newssubmission/icons/h3.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/h3.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">H3</span>
           </button>
           <button type="button" data-action="bold" title="Fett (Strg/Cmd+B)" aria-keyshortcuts="Control+B Meta+B">
-            <img src="{{ asset('bundles/newssubmission/icons/bold.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/bold.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Fett</span>
           </button>
           <button type="button" data-action="italic" title="Kursiv (Strg/Cmd+I)" aria-keyshortcuts="Control+I Meta+I">
-            <img src="{{ asset('bundles/newssubmission/icons/italic.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/italic.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Kursiv</span>
           </button>
           <button type="button" data-action="underline" title="Unterstrichen (Strg/Cmd+U)" aria-keyshortcuts="Control+U Meta+U">
-            <img src="{{ asset('bundles/newssubmission/icons/underline.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/underline.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Unterstrichen</span>
           </button>
           <button type="button" data-action="bulletList" title="Liste">
-            <img src="{{ asset('bundles/newssubmission/icons/ul.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/ul.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Liste</span>
           </button>
           <button type="button" data-action="orderedList" title="Nummerierte Liste">
-            <img src="{{ asset('bundles/newssubmission/icons/ol.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/ol.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Nummerierte Liste</span>
           </button>
           <button type="button" data-action="indent" title="Einzug vergrößern">
-            <img src="{{ asset('bundles/newssubmission/icons/indent.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/indent.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Einzug vergrößern</span>
           </button>
           <button type="button" data-action="outdent" title="Einzug verkleinern">
-            <img src="{{ asset('bundles/newssubmission/icons/outdent.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/outdent.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Einzug verkleinern</span>
           </button>
           <button type="button" data-action="undo" title="Rückgängig (Strg/Cmd+Z)" aria-keyshortcuts="Control+Z Meta+Z">
-            <img src="{{ asset('bundles/newssubmission/icons/undo.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/undo.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Rückgängig</span>
           </button>
           <button type="button" data-action="redo" title="Wiederholen (Strg/Cmd+Shift+Z)" aria-keyshortcuts="Control+Shift+Z Meta+Shift+Z">
-            <img src="{{ asset('bundles/newssubmission/icons/redo.svg') }}" alt="" aria-hidden="true">
+            <img src="{{ asset('bundles/mummertmediaeventmanager/icons/redo.svg') }}" alt="" aria-hidden="true">
             <span class="visually-hidden">Wiederholen</span>
           </button>
         </div>
diff --git a/public/icons/add_col_after.svg b/public/icons/add_col_after.svg
new file mode 100755
index 0000000..49ed906
--- /dev/null
+++ b/public/icons/add_col_after.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M5,14 C7.76005315,14.0033061 9.99669388,16.2399468 10,19 C10,21.7614237 7.76142375,24 5,24 C2.23857625,24 1.77635684e-15,21.7614237 1.77635684e-15,19 C1.77635684e-15,16.2385763 2.23857625,14 5,14 Z M7.5,19.9375 C8.01776695,19.9375 8.4375,19.517767 8.4375,19 C8.4375,18.482233 8.01776695,18.0625 7.5,18.0625 L6.25,18.0625 C6.07741102,18.0625 5.9375,17.922589 5.9375,17.75 L5.9375,16.5 C5.9375,15.982233 5.51776695,15.5625 5,15.5625 C4.48223305,15.5625 4.0625,15.982233 4.0625,16.5 L4.0625,17.75 C4.0625,17.922589 3.92258898,18.0625 3.75,18.0625 L2.5,18.0625 C1.98223305,18.0625 1.5625,18.482233 1.5625,19 C1.5625,19.517767 1.98223305,19.9375 2.5,19.9375 L3.75,19.9375 C3.92258898,19.9375 4.0625,20.077411 4.0625,20.25 L4.0625,21.5 C4.0625,22.017767 4.48223305,22.4375 5,22.4375 C5.51776695,22.4375 5.9375,22.017767 5.9375,21.5 L5.9375,20.25 C5.9375,20.077411 6.07741102,19.9375 6.25,19.9375 L7.5,19.9375 Z M16,19 C16,20.6568542 17.3431458,22 19,22 C20.6568542,22 22,20.6568542 22,19 L22,5 C22,3.34314575 20.6568542,2 19,2 C17.3431458,2 16,3.34314575 16,5 L16,19 Z M14,19 L14,5 C14,2.23857625 16.2385763,0 19,0 C21.7614237,0 24,2.23857625 24,5 L24,19 C24,21.7614237 21.7614237,24 19,24 C16.2385763,24 14,21.7614237 14,19 Z"/>
+</svg>
diff --git a/public/icons/add_col_before.svg b/public/icons/add_col_before.svg
new file mode 100755
index 0000000..b183770
--- /dev/null
+++ b/public/icons/add_col_before.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M19,14 C21.7600532,14.0033061 23.9966939,16.2399468 24,19 C24,21.7614237 21.7614237,24 19,24 C16.2385763,24 14,21.7614237 14,19 C14,16.2385763 16.2385763,14 19,14 Z M21.5,19.9375 C22.017767,19.9375 22.4375,19.517767 22.4375,19 C22.4375,18.482233 22.017767,18.0625 21.5,18.0625 L20.25,18.0625 C20.077411,18.0625 19.9375,17.922589 19.9375,17.75 L19.9375,16.5 C19.9375,15.982233 19.517767,15.5625 19,15.5625 C18.482233,15.5625 18.0625,15.982233 18.0625,16.5 L18.0625,17.75 C18.0625,17.922589 17.922589,18.0625 17.75,18.0625 L16.5,18.0625 C15.982233,18.0625 15.5625,18.482233 15.5625,19 C15.5625,19.517767 15.982233,19.9375 16.5,19.9375 L17.75,19.9375 C17.922589,19.9375 18.0625,20.077411 18.0625,20.25 L18.0625,21.5 C18.0625,22.017767 18.482233,22.4375 19,22.4375 C19.517767,22.4375 19.9375,22.017767 19.9375,21.5 L19.9375,20.25 C19.9375,20.077411 20.077411,19.9375 20.25,19.9375 L21.5,19.9375 Z M2,19 C2,20.6568542 3.34314575,22 5,22 C6.65685425,22 8,20.6568542 8,19 L8,5 C8,3.34314575 6.65685425,2 5,2 C3.34314575,2 2,3.34314575 2,5 L2,19 Z M-2.7585502e-16,19 L5.81397739e-16,5 C-1.37692243e-16,2.23857625 2.23857625,0 5,0 C7.76142375,0 10,2.23857625 10,5 L10,19 C10,21.7614237 7.76142375,24 5,24 C2.23857625,24 4.43234962e-16,21.7614237 -2.7585502e-16,19 Z"/>
+</svg>
diff --git a/public/icons/add_row_after.svg b/public/icons/add_row_after.svg
new file mode 100755
index 0000000..ae5012c
--- /dev/null
+++ b/public/icons/add_row_after.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M19,0 C21.7600532,0.00330611633 23.9966939,2.23994685 24,5 C24,7.76142375 21.7614237,10 19,10 C16.2385763,10 14,7.76142375 14,5 C14,2.23857625 16.2385763,0 19,0 Z M21.5,5.9375 C22.017767,5.9375 22.4375,5.51776695 22.4375,5 C22.4375,4.48223305 22.017767,4.0625 21.5,4.0625 L20.25,4.0625 C20.077411,4.0625 19.9375,3.92258898 19.9375,3.75 L19.9375,2.5 C19.9375,1.98223305 19.517767,1.5625 19,1.5625 C18.482233,1.5625 18.0625,1.98223305 18.0625,2.5 L18.0625,3.75 C18.0625,3.92258898 17.922589,4.0625 17.75,4.0625 L16.5,4.0625 C15.982233,4.0625 15.5625,4.48223305 15.5625,5 C15.5625,5.51776695 15.982233,5.9375 16.5,5.9375 L17.75,5.9375 C17.922589,5.9375 18.0625,6.07741102 18.0625,6.25 L18.0625,7.5 C18.0625,8.01776695 18.482233,8.4375 19,8.4375 C19.517767,8.4375 19.9375,8.01776695 19.9375,7.5 L19.9375,6.25 C19.9375,6.07741102 20.077411,5.9375 20.25,5.9375 L21.5,5.9375 Z M5,16 C3.34314575,16 2,17.3431458 2,19 C2,20.6568542 3.34314575,22 5,22 L19,22 C20.6568542,22 22,20.6568542 22,19 C22,17.3431458 20.6568542,16 19,16 L5,16 Z M5,14 L19,14 C21.7614237,14 24,16.2385763 24,19 C24,21.7614237 21.7614237,24 19,24 L5,24 C2.23857625,24 3.38176876e-16,21.7614237 0,19 C-1.2263553e-15,16.2385763 2.23857625,14 5,14 Z"/>
+</svg>
diff --git a/public/icons/add_row_before.svg b/public/icons/add_row_before.svg
new file mode 100755
index 0000000..441a9a8
--- /dev/null
+++ b/public/icons/add_row_before.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M19,14 C21.7600532,14.0033061 23.9966939,16.2399468 24,19 C24,21.7614237 21.7614237,24 19,24 C16.2385763,24 14,21.7614237 14,19 C14,16.2385763 16.2385763,14 19,14 Z M21.5,19.9375 C22.017767,19.9375 22.4375,19.517767 22.4375,19 C22.4375,18.482233 22.017767,18.0625 21.5,18.0625 L20.25,18.0625 C20.077411,18.0625 19.9375,17.922589 19.9375,17.75 L19.9375,16.5 C19.9375,15.982233 19.517767,15.5625 19,15.5625 C18.482233,15.5625 18.0625,15.982233 18.0625,16.5 L18.0625,17.75 C18.0625,17.922589 17.922589,18.0625 17.75,18.0625 L16.5,18.0625 C15.982233,18.0625 15.5625,18.482233 15.5625,19 C15.5625,19.517767 15.982233,19.9375 16.5,19.9375 L17.75,19.9375 C17.922589,19.9375 18.0625,20.077411 18.0625,20.25 L18.0625,21.5 C18.0625,22.017767 18.482233,22.4375 19,22.4375 C19.517767,22.4375 19.9375,22.017767 19.9375,21.5 L19.9375,20.25 C19.9375,20.077411 20.077411,19.9375 20.25,19.9375 L21.5,19.9375 Z M5,2 C3.34314575,2 2,3.34314575 2,5 C2,6.65685425 3.34314575,8 5,8 L19,8 C20.6568542,8 22,6.65685425 22,5 C22,3.34314575 20.6568542,2 19,2 L5,2 Z M5,0 L19,0 C21.7614237,-5.07265313e-16 24,2.23857625 24,5 C24,7.76142375 21.7614237,10 19,10 L5,10 C2.23857625,10 3.38176876e-16,7.76142375 0,5 C-1.2263553e-15,2.23857625 2.23857625,5.07265313e-16 5,0 Z"/>
+</svg>
diff --git a/public/icons/bold.svg b/public/icons/bold.svg
new file mode 100755
index 0000000..985854b
--- /dev/null
+++ b/public/icons/bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>text-bold</title><path d="M17.194,10.962A6.271,6.271,0,0,0,12.844.248H4.3a1.25,1.25,0,0,0,0,2.5H5.313a.25.25,0,0,1,.25.25V21a.25.25,0,0,1-.25.25H4.3a1.25,1.25,0,1,0,0,2.5h9.963a6.742,6.742,0,0,0,2.93-12.786Zm-4.35-8.214a3.762,3.762,0,0,1,0,7.523H8.313a.25.25,0,0,1-.25-.25V3a.25.25,0,0,1,.25-.25Zm1.42,18.5H8.313a.25.25,0,0,1-.25-.25V13.021a.25.25,0,0,1,.25-.25h4.531c.017,0,.033,0,.049,0l.013,0h1.358a4.239,4.239,0,0,1,0,8.477Z"/></svg>
diff --git a/public/icons/checklist.svg b/public/icons/checklist.svg
new file mode 100755
index 0000000..20e8dc0
--- /dev/null
+++ b/public/icons/checklist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>checklist-alternate</title><path d="M21,0H3A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3A3,3,0,0,0,21,0Zm1,21a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H21a1,1,0,0,1,1,1Z"/><path d="M11.249,4.5a1.251,1.251,0,0,0-1.75.25L7.365,7.6l-.482-.481A1.25,1.25,0,0,0,5.116,8.883l1.5,1.5A1.262,1.262,0,0,0,8.5,10.249l3-4A1.25,1.25,0,0,0,11.249,4.5Z"/><path d="M11.249,13.5a1.251,1.251,0,0,0-1.75.25L7.365,16.6l-.482-.481a1.25,1.25,0,1,0-1.767,1.768l1.5,1.5A1.265,1.265,0,0,0,8.5,19.249l3-4A1.25,1.25,0,0,0,11.249,13.5Z"/><path d="M18.5,7.749H14a1.25,1.25,0,0,0,0,2.5h4.5a1.25,1.25,0,0,0,0-2.5Z"/><path d="M18.5,15.749H14a1.25,1.25,0,0,0,0,2.5h4.5a1.25,1.25,0,1,0,0-2.5Z"/></svg>
diff --git a/public/icons/code.svg b/public/icons/code.svg
new file mode 100755
index 0000000..18b960b
--- /dev/null
+++ b/public/icons/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>angle-brackets</title><path d="M9.147,21.552a1.244,1.244,0,0,1-.895-.378L.84,13.561a2.257,2.257,0,0,1,0-3.125L8.252,2.823a1.25,1.25,0,0,1,1.791,1.744l-6.9,7.083a.5.5,0,0,0,0,.7l6.9,7.082a1.25,1.25,0,0,1-.9,2.122Z"/><path d="M14.854,21.552a1.25,1.25,0,0,1-.9-2.122l6.9-7.083a.5.5,0,0,0,0-.7l-6.9-7.082a1.25,1.25,0,0,1,1.791-1.744l7.411,7.612a2.257,2.257,0,0,1,0,3.125l-7.412,7.614A1.244,1.244,0,0,1,14.854,21.552Zm6.514-9.373h0Z"/></svg>
diff --git a/public/icons/combine_cells.svg b/public/icons/combine_cells.svg
new file mode 100755
index 0000000..e1fe66e
--- /dev/null
+++ b/public/icons/combine_cells.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M2,19 C2,20.6568542 3.34314575,22 5,22 L19,22 C20.6568542,22 22,20.6568542 22,19 L22,5 C22,3.34314575 20.6568542,2 19,2 L5,2 C3.34314575,2 2,3.34314575 2,5 L2,19 Z M-1.16403344e-15,19 L-3.0678068e-16,5 C-6.44957556e-16,2.23857625 2.23857625,0 5,0 L19,0 C21.7614237,0 24,2.23857625 24,5 L24,19 C24,21.7614237 21.7614237,24 19,24 L5,24 C2.23857625,24 9.50500275e-16,21.7614237 -1.16403344e-15,19 Z M12,10 C12.5522847,10 13,10.4477153 13,11 L13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,11 C11,10.4477153 11.4477153,10 12,10 Z M12,16 C12.5522847,16 13,16.4477153 13,17 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,17 C11,16.4477153 11.4477153,16 12,16 Z M12,3 C12.5522847,3 13,3.44771525 13,4 L13,7 C13,7.55228475 12.5522847,8 12,8 C11.4477153,8 11,7.55228475 11,7 L11,4 C11,3.44771525 11.4477153,3 12,3 Z"/>
+</svg>
diff --git a/public/icons/delete_col.svg b/public/icons/delete_col.svg
new file mode 100755
index 0000000..8b6e304
--- /dev/null
+++ b/public/icons/delete_col.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M12.6414391,21.9312708 C12.9358807,22.5689168 13.3234155,23.1547532 13.7866134,23.6713497 C13.2317936,23.8836754 12.6294813,24 12,24 C9.23857625,24 7,21.7614237 7,19 L7,5 C7,2.23857625 9.23857625,0 12,0 C14.7614237,0 17,2.23857625 17,5 L17,12.2898787 C16.2775651,12.5048858 15.6040072,12.8333806 15,13.2546893 L15,5 C15,3.34314575 13.6568542,2 12,2 C10.3431458,2 9,3.34314575 9,5 L9,19 C9,20.6568542 10.3431458,22 12,22 C12.220157,22 12.4347751,21.9762852 12.6414391,21.9312708 Z M19,14 C21.7600532,14.0033061 23.9966939,16.2399468 24,19 C24,21.7614237 21.7614237,24 19,24 C16.2385763,24 14,21.7614237 14,19 C14,16.2385763 16.2385763,14 19,14 Z M16.5,19.9375 L21.5,19.9375 C22.017767,19.9375 22.4375,19.517767 22.4375,19 C22.4375,18.482233 22.017767,18.0625 21.5,18.0625 L16.5,18.0625 C15.982233,18.0625 15.5625,18.482233 15.5625,19 C15.5625,19.517767 15.982233,19.9375 16.5,19.9375 Z"/>
+</svg>
diff --git a/public/icons/delete_row.svg b/public/icons/delete_row.svg
new file mode 100755
index 0000000..a396613
--- /dev/null
+++ b/public/icons/delete_row.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M13.2546893,15 C12.8333806,15.6040072 12.5048858,16.2775651 12.2898787,17 L5,17 C2.23857625,17 3.38176876e-16,14.7614237 0,12 C-1.2263553e-15,9.23857625 2.23857625,7 5,7 L19,7 C21.7614237,7 24,9.23857625 24,12 C24,12.6294813 23.8836754,13.2317936 23.6713497,13.7866134 C23.1547532,13.3234155 22.5689168,12.9358807 21.9312708,12.6414391 C21.9762852,12.4347751 22,12.220157 22,12 C22,10.3431458 20.6568542,9 19,9 L5,9 C3.34314575,9 2,10.3431458 2,12 C2,13.6568542 3.34314575,15 5,15 L13.2546893,15 Z M19,14 C21.7600532,14.0033061 23.9966939,16.2399468 24,19 C24,21.7614237 21.7614237,24 19,24 C16.2385763,24 14,21.7614237 14,19 C14,16.2385763 16.2385763,14 19,14 Z M16.5,19.9375 L21.5,19.9375 C22.017767,19.9375 22.4375,19.517767 22.4375,19 C22.4375,18.482233 22.017767,18.0625 21.5,18.0625 L16.5,18.0625 C15.982233,18.0625 15.5625,18.482233 15.5625,19 C15.5625,19.517767 15.982233,19.9375 16.5,19.9375 Z"/>
+</svg>
diff --git a/public/icons/delete_table.svg b/public/icons/delete_table.svg
new file mode 100755
index 0000000..819afd1
--- /dev/null
+++ b/public/icons/delete_table.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M19,14 C21.7600532,14.0033061 23.9966939,16.2399468 24,19 C24,21.7614237 21.7614237,24 19,24 C16.2385763,24 14,21.7614237 14,19 C14,16.2385763 16.2385763,14 19,14 Z M16.5,19.9375 L21.5,19.9375 C22.017767,19.9375 22.4375,19.517767 22.4375,19 C22.4375,18.482233 22.017767,18.0625 21.5,18.0625 L16.5,18.0625 C15.982233,18.0625 15.5625,18.482233 15.5625,19 C15.5625,19.517767 15.982233,19.9375 16.5,19.9375 Z M12.2898787,17 L9,17 L9,22 L12.6736312,22 C13.0297295,22.7496048 13.515133,23.4258795 14.1010173,24 L5,24 C2.23857625,24 -1.43817996e-15,21.7614237 -1.77635684e-15,19 L-3.55271368e-15,5 C-3.89089055e-15,2.23857625 2.23857625,5.07265313e-16 5,-1.77635684e-15 L19,-1.77635684e-15 C21.7614237,-2.28362215e-15 24,2.23857625 24,5 L24,7.82313285 C24.0122947,7.88054124 24.0187107,7.93964623 24.0187107,8 C24.0187107,8.06035377 24.0122947,8.11945876 24,8.17686715 L24,14.1010173 C23.4258795,13.515133 22.7496048,13.0297295 22,12.6736312 L22,9 L17,9 L17,12.2898787 C16.2775651,12.5048858 15.6040072,12.8333806 15,13.2546893 L15,9 L9,9 L9,15 L13.2546893,15 C12.8333806,15.6040072 12.5048858,16.2775651 12.2898787,17 Z M17,7 L22,7 L22,5 C22,3.34314575 20.6568542,2 19,2 L17,2 L17,7 Z M15,7 L15,2 L9,2 L9,7 L15,7 Z M7,2 L5,2 C3.34314575,2 2,3.34314575 2,5 L2,7 L7,7 L7,2 Z M2,9 L2,15 L7,15 L7,9 L2,9 Z M2,17 L2,19 C2,20.6568542 3.34314575,22 5,22 L7,22 L7,17 L2,17 Z"/>
+</svg>
diff --git a/public/icons/github.svg b/public/icons/github.svg
new file mode 100755
index 0000000..7113b20
--- /dev/null
+++ b/public/icons/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M11.999,0.5 C5.649,0.5 0.5,5.648 0.5,12 C0.5,17.082 3.794,21.392 8.365,22.914 C8.939,23.017 9.121,22.678 9.121,22.373 C9.121,22.099 9.127,21.336 9.121,20.376 C5.923,21.07 5.26,18.861 5.26,18.861 C4.737,17.532 3.985,17.179 3.985,17.179 C2.94,16.465 4.062,16.48 4.062,16.48 C5.215,16.56 5.824,17.664 5.824,17.664 C6.85,19.422 8.515,18.914 9.17,18.62 C9.276,17.878 9.572,17.369 9.901,17.084 C7.347,16.792 4.663,15.807 4.663,11.398 C4.663,10.143 5.111,9.117 5.847,8.312 C5.729,8.023 5.333,6.852 5.959,5.269 C5.959,5.269 6.926,4.96 9.121,6.449 C10.039,6.193 11.023,6.066 12.001,6.061 C12.977,6.066 13.961,6.193 14.881,6.449 C17.076,4.961 18.04,5.269 18.04,5.269 C18.667,6.852 18.272,8.023 18.154,8.312 C18.89,9.117 19.337,10.143 19.337,11.398 C19.337,15.818 16.648,16.789 14.086,17.072 C14.498,17.429 14.873,18.119 14.873,19.192 C14.873,20.63 14.873,21.998 14.873,22.376 C14.873,22.684 15.059,23.023 15.643,22.912 C20.209,21.389 23.5,17.08 23.5,12 C23.5,5.648 18.352,0.5 11.999,0.5 Z"/>
+</svg>
diff --git a/public/icons/h2.svg b/public/icons/h2.svg
new file mode 100644
index 0000000..495bf46
--- /dev/null
+++ b/public/icons/h2.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 6V18M10 6V18M4 12H10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M14 8.5C14 7.12 15.12 6 16.5 6H17.5C18.88 6 20 7.12 20 8.5C20 9.39 19.53 10.22 18.76 10.67L14 13.5H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/icons/h3.svg b/public/icons/h3.svg
new file mode 100644
index 0000000..a7519b8
--- /dev/null
+++ b/public/icons/h3.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 6V18M10 6V18M4 12H10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M16.5 6H17.5C18.88 6 20 7.12 20 8.5C20 9.88 18.88 11 17.5 11C18.88 11 20 12.12 20 13.5C20 14.88 18.88 16 17.5 16H16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/icons/hr.svg b/public/icons/hr.svg
new file mode 100755
index 0000000..47b52d3
--- /dev/null
+++ b/public/icons/hr.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>horizontal-rule</title>
+  <path d="M5,13 C4.44771525,13 4,12.5522847 4,12 C4,11.4477153 4.44771525,11 5,11 L19,11 C19.5522847,11 20,11.4477153 20,12 C20,12.5522847 19.5522847,13 19,13 L5,13 Z"/>
+</svg>
diff --git a/public/icons/image.svg b/public/icons/image.svg
new file mode 100755
index 0000000..388c745
--- /dev/null
+++ b/public/icons/image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>paginate-filter-picture-alternate</title><circle cx="9.75" cy="6.247" r="2.25"/><path d="M16.916,8.71A1.027,1.027,0,0,0,16,8.158a1.007,1.007,0,0,0-.892.586L13.55,12.178a.249.249,0,0,1-.422.053l-.82-1.024a1,1,0,0,0-.813-.376,1.007,1.007,0,0,0-.787.426L7.59,15.71A.5.5,0,0,0,8,16.5H20a.5.5,0,0,0,.425-.237.5.5,0,0,0,.022-.486Z"/><path d="M22,0H5.5a2,2,0,0,0-2,2V18.5a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm-.145,18.354a.5.5,0,0,1-.354.146H6a.5.5,0,0,1-.5-.5V2.5A.5.5,0,0,1,6,2H21.5a.5.5,0,0,1,.5.5V18A.5.5,0,0,1,21.855,18.351Z"/><path d="M19.5,22H2.5a.5.5,0,0,1-.5-.5V4.5a1,1,0,0,0-2,0V22a2,2,0,0,0,2,2H19.5a1,1,0,0,0,0-2Z"/></svg>
diff --git a/public/icons/indent.svg b/public/icons/indent.svg
new file mode 100644
index 0000000..c3ec64b
--- /dev/null
+++ b/public/icons/indent.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 7H20M4 12H14M4 17H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M10 9L14 12L10 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/icons/italic.svg b/public/icons/italic.svg
new file mode 100755
index 0000000..1916b10
--- /dev/null
+++ b/public/icons/italic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>text-italic</title><path d="M22.5.248H14.863a1.25,1.25,0,0,0,0,2.5h1.086a.25.25,0,0,1,.211.384L4.78,21.017a.5.5,0,0,1-.422.231H1.5a1.25,1.25,0,0,0,0,2.5H9.137a1.25,1.25,0,0,0,0-2.5H8.051a.25.25,0,0,1-.211-.384L19.22,2.98a.5.5,0,0,1,.422-.232H22.5a1.25,1.25,0,0,0,0-2.5Z"/></svg>
diff --git a/public/icons/link.svg b/public/icons/link.svg
new file mode 100755
index 0000000..223282b
--- /dev/null
+++ b/public/icons/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>hyperlink-2</title><path d="M12.406,14.905a1,1,0,0,0-.543,1.307,1,1,0,0,1-.217,1.09L8.818,20.131a2,2,0,0,1-2.828,0L3.868,18.01a2,2,0,0,1,0-2.829L6.7,12.353a1.013,1.013,0,0,1,1.091-.217,1,1,0,0,0,.763-1.849,3.034,3.034,0,0,0-3.268.652L2.454,13.767a4.006,4.006,0,0,0,0,5.657l2.122,2.121a4,4,0,0,0,5.656,0l2.829-2.828a3.008,3.008,0,0,0,.651-3.27A1,1,0,0,0,12.406,14.905Z"/><path d="M7.757,16.241a1.011,1.011,0,0,0,1.414,0L16.95,8.463a1,1,0,0,0-1.414-1.414L7.757,14.827A1,1,0,0,0,7.757,16.241Z"/><path d="M21.546,4.574,19.425,2.453a4.006,4.006,0,0,0-5.657,0L10.939,5.281a3.006,3.006,0,0,0-.651,3.269,1,1,0,1,0,1.849-.764A1,1,0,0,1,12.354,6.7l2.828-2.828a2,2,0,0,1,2.829,0l2.121,2.121a2,2,0,0,1,0,2.829L17.3,11.645a1.015,1.015,0,0,1-1.091.217,1,1,0,0,0-.765,1.849,3.026,3.026,0,0,0,3.27-.651l2.828-2.828A4.007,4.007,0,0,0,21.546,4.574Z"/></svg>
diff --git a/public/icons/mention.svg b/public/icons/mention.svg
new file mode 100755
index 0000000..9646071
--- /dev/null
+++ b/public/icons/mention.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>read-email-at-alternate</title><path d="M12,.5A11.634,11.634,0,0,0,.262,12,11.634,11.634,0,0,0,12,23.5a11.836,11.836,0,0,0,6.624-2,1.25,1.25,0,1,0-1.393-2.076A9.34,9.34,0,0,1,12,21a9.132,9.132,0,0,1-9.238-9A9.132,9.132,0,0,1,12,3a9.132,9.132,0,0,1,9.238,9v.891a1.943,1.943,0,0,1-3.884,0V12A5.355,5.355,0,1,0,12,17.261a5.376,5.376,0,0,0,3.861-1.634,4.438,4.438,0,0,0,7.877-2.736V12A11.634,11.634,0,0,0,12,.5Zm0,14.261A2.763,2.763,0,1,1,14.854,12,2.812,2.812,0,0,1,12,14.761Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/ol.svg b/public/icons/ol.svg
new file mode 100755
index 0000000..1e524f7
--- /dev/null
+++ b/public/icons/ol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>list-numbers</title><path d="M7.75,4.5h15a1,1,0,0,0,0-2h-15a1,1,0,0,0,0,2Z"/><path d="M22.75,11h-15a1,1,0,1,0,0,2h15a1,1,0,0,0,0-2Z"/><path d="M22.75,19.5h-15a1,1,0,0,0,0,2h15a1,1,0,0,0,0-2Z"/><path d="M2.212,17.248A2,2,0,0,0,.279,18.732a.75.75,0,1,0,1.45.386.5.5,0,1,1,.483.63.75.75,0,1,0,0,1.5.5.5,0,1,1-.482.635.75.75,0,1,0-1.445.4,2,2,0,1,0,3.589-1.648.251.251,0,0,1,0-.278,2,2,0,0,0-1.662-3.111Z"/><path d="M4.25,10.748a2,2,0,0,0-4,0,.75.75,0,0,0,1.5,0,.5.5,0,0,1,1,0,1.031,1.031,0,0,1-.227.645L.414,14.029A.75.75,0,0,0,1,15.248H3.5a.75.75,0,0,0,0-1.5H3.081a.249.249,0,0,1-.195-.406L3.7,12.33A2.544,2.544,0,0,0,4.25,10.748Z"/><path d="M4,5.248H3.75A.25.25,0,0,1,3.5,5V1.623A1.377,1.377,0,0,0,2.125.248H1.5a.75.75,0,0,0,0,1.5h.25A.25.25,0,0,1,2,2V5a.25.25,0,0,1-.25.25H1.5a.75.75,0,0,0,0,1.5H4a.75.75,0,0,0,0-1.5Z"/></svg>
diff --git a/public/icons/outdent.svg b/public/icons/outdent.svg
new file mode 100644
index 0000000..aa4d671
--- /dev/null
+++ b/public/icons/outdent.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 7H20M10 12H20M4 17H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M14 9L10 12L14 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/icons/paragraph.svg b/public/icons/paragraph.svg
new file mode 100755
index 0000000..4c23b82
--- /dev/null
+++ b/public/icons/paragraph.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>paragraph</title><path d="M22.5.248H7.228a6.977,6.977,0,1,0,0,13.954H9.546a.25.25,0,0,1,.25.25V22.5a1.25,1.25,0,0,0,2.5,0V3a.25.25,0,0,1,.25-.25h3.682a.25.25,0,0,1,.25.25V22.5a1.25,1.25,0,0,0,2.5,0V3a.249.249,0,0,1,.25-.25H22.5a1.25,1.25,0,0,0,0-2.5ZM9.8,11.452a.25.25,0,0,1-.25.25H7.228a4.477,4.477,0,1,1,0-8.954H9.546A.25.25,0,0,1,9.8,3Z"/></svg>
diff --git a/public/icons/quote.svg b/public/icons/quote.svg
new file mode 100755
index 0000000..64c4d3f
--- /dev/null
+++ b/public/icons/quote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>close-quote</title><path d="M18.559,3.932a4.942,4.942,0,1,0,0,9.883,4.609,4.609,0,0,0,1.115-.141.25.25,0,0,1,.276.368,6.83,6.83,0,0,1-5.878,3.523,1.25,1.25,0,0,0,0,2.5,9.71,9.71,0,0,0,9.428-9.95V8.873A4.947,4.947,0,0,0,18.559,3.932Z"/><path d="M6.236,3.932a4.942,4.942,0,0,0,0,9.883,4.6,4.6,0,0,0,1.115-.141.25.25,0,0,1,.277.368A6.83,6.83,0,0,1,1.75,17.565a1.25,1.25,0,0,0,0,2.5,9.711,9.711,0,0,0,9.428-9.95V8.873A4.947,4.947,0,0,0,6.236,3.932Z"/></svg>
diff --git a/public/icons/redo.svg b/public/icons/redo.svg
new file mode 100755
index 0000000..fbfc27a
--- /dev/null
+++ b/public/icons/redo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>redo</title><path d="M22.608.161a.5.5,0,0,0-.545.108L19.472,2.86a.25.25,0,0,1-.292.045A12.537,12.537,0,0,0,6.214,3.77,12.259,12.259,0,0,0,6.1,23.632a1.25,1.25,0,0,0,1.476-2.018A9.759,9.759,0,0,1,7.667,5.805a10,10,0,0,1,9.466-1.1.25.25,0,0,1,.084.409l-1.85,1.85a.5.5,0,0,0,.354.853h6.7a.5.5,0,0,0,.5-.5V.623A.5.5,0,0,0,22.608.161Z"/></svg>
diff --git a/public/icons/remove.svg b/public/icons/remove.svg
new file mode 100755
index 0000000..5339795
--- /dev/null
+++ b/public/icons/remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>delete-2-alternate</title><path d="M20.485,3.511A12.01,12.01,0,1,0,24,12,12.009,12.009,0,0,0,20.485,3.511Zm-1.767,15.21A9.51,9.51,0,1,1,21.5,12,9.508,9.508,0,0,1,18.718,18.721Z"/><path d="M16.987,7.01a1.275,1.275,0,0,0-1.8,0l-3.177,3.177L8.829,7.01A1.277,1.277,0,0,0,7.024,8.816L10.2,11.993,7.024,15.171a1.277,1.277,0,0,0,1.805,1.806L12.005,13.8l3.177,3.178a1.277,1.277,0,0,0,1.8-1.806l-3.176-3.178,3.176-3.177A1.278,1.278,0,0,0,16.987,7.01Z"/></svg>
diff --git a/public/icons/strike.svg b/public/icons/strike.svg
new file mode 100755
index 0000000..5bf1e88
--- /dev/null
+++ b/public/icons/strike.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>text-strike-through</title><path d="M23.75,12.952A1.25,1.25,0,0,0,22.5,11.7H13.564a.492.492,0,0,1-.282-.09c-.722-.513-1.482-.981-2.218-1.432-2.8-1.715-4.5-2.9-4.5-4.863,0-2.235,2.207-2.569,3.523-2.569a4.54,4.54,0,0,1,3.081.764A2.662,2.662,0,0,1,13.615,5.5l0,.3a1.25,1.25,0,1,0,2.5,0l0-.268A4.887,4.887,0,0,0,14.95,1.755C13.949.741,12.359.248,10.091.248c-3.658,0-6.023,1.989-6.023,5.069,0,2.773,1.892,4.512,4,5.927a.25.25,0,0,1-.139.458H1.5a1.25,1.25,0,0,0,0,2.5H12.477a.251.251,0,0,1,.159.058,4.339,4.339,0,0,1,1.932,3.466c0,3.268-3.426,3.522-4.477,3.522-1.814,0-3.139-.405-3.834-1.173a3.394,3.394,0,0,1-.65-2.7,1.25,1.25,0,0,0-2.488-.246A5.76,5.76,0,0,0,4.4,21.753c1.2,1.324,3.114,2,5.688,2,4.174,0,6.977-2.42,6.977-6.022a6.059,6.059,0,0,0-.849-3.147.25.25,0,0,1,.216-.377H22.5A1.25,1.25,0,0,0,23.75,12.952Z"/></svg>
diff --git a/public/icons/table.svg b/public/icons/table.svg
new file mode 100755
index 0000000..45315e1
--- /dev/null
+++ b/public/icons/table.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M17,17 L17,22 L19,22 C20.6568542,22 22,20.6568542 22,19 L22,17 L17,17 Z M15,17 L9,17 L9,22 L15,22 L15,17 Z M17,15 L22,15 L22,9 L17,9 L17,15 Z M15,15 L15,9 L9,9 L9,15 L15,15 Z M17,7 L22,7 L22,5 C22,3.34314575 20.6568542,2 19,2 L17,2 L17,7 Z M15,7 L15,2 L9,2 L9,7 L15,7 Z M24,16.1768671 L24,19 C24,21.7614237 21.7614237,24 19,24 L5,24 C2.23857625,24 2.11453371e-15,21.7614237 1.77635684e-15,19 L0,5 C-3.38176876e-16,2.23857625 2.23857625,2.28362215e-15 5,0 L19,0 C21.7614237,-5.07265313e-16 24,2.23857625 24,5 L24,7.82313285 C24.0122947,7.88054124 24.0187107,7.93964623 24.0187107,8 C24.0187107,8.06035377 24.0122947,8.11945876 24,8.17686715 L24,15.8231329 C24.0122947,15.8805412 24.0187107,15.9396462 24.0187107,16 C24.0187107,16.0603538 24.0122947,16.1194588 24,16.1768671 Z M7,2 L5,2 C3.34314575,2 2,3.34314575 2,5 L2,7 L7,7 L7,2 Z M2,9 L2,15 L7,15 L7,9 L2,9 Z M2,17 L2,19 C2,20.6568542 3.34314575,22 5,22 L7,22 L7,17 L2,17 Z"/>
+</svg>
diff --git a/public/icons/ul.svg b/public/icons/ul.svg
new file mode 100755
index 0000000..ab75480
--- /dev/null
+++ b/public/icons/ul.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>list-bullets</title><circle cx="2.5" cy="3.998" r="2.5"/><path d="M8.5,5H23a1,1,0,0,0,0-2H8.5a1,1,0,0,0,0,2Z"/><circle cx="2.5" cy="11.998" r="2.5"/><path d="M23,11H8.5a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z"/><circle cx="2.5" cy="19.998" r="2.5"/><path d="M23,19H8.5a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z"/></svg>
diff --git a/public/icons/underline.svg b/public/icons/underline.svg
new file mode 100755
index 0000000..26f8565
--- /dev/null
+++ b/public/icons/underline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>text-underline</title><path d="M22.5,21.248H1.5a1.25,1.25,0,0,0,0,2.5h21a1.25,1.25,0,0,0,0-2.5Z"/><path d="M1.978,2.748H3.341a.25.25,0,0,1,.25.25v8.523a8.409,8.409,0,0,0,16.818,0V3a.25.25,0,0,1,.25-.25h1.363a1.25,1.25,0,0,0,0-2.5H16.3a1.25,1.25,0,0,0,0,2.5h1.363a.25.25,0,0,1,.25.25v8.523a5.909,5.909,0,0,1-11.818,0V3a.25.25,0,0,1,.25-.25H7.7a1.25,1.25,0,1,0,0-2.5H1.978a1.25,1.25,0,0,0,0,2.5Z"/></svg>
diff --git a/public/icons/undo.svg b/public/icons/undo.svg
new file mode 100755
index 0000000..833ab39
--- /dev/null
+++ b/public/icons/undo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>undo</title><path d="M17.786,3.77A12.542,12.542,0,0,0,4.821,2.905a.249.249,0,0,1-.292-.045L1.937.269A.507.507,0,0,0,1.392.16a.5.5,0,0,0-.308.462v6.7a.5.5,0,0,0,.5.5h6.7a.5.5,0,0,0,.354-.854L6.783,5.115a.253.253,0,0,1-.068-.228.249.249,0,0,1,.152-.181,10,10,0,0,1,9.466,1.1,9.759,9.759,0,0,1,.094,15.809A1.25,1.25,0,0,0,17.9,23.631a12.122,12.122,0,0,0,5.013-9.961A12.125,12.125,0,0,0,17.786,3.77Z"/></svg>