feat: add search and replace to tinymce editor (#585)

apps/dashboard/src/lib/components/Course/components/Lesson/Materials/components/Comments.svelte

@@ -83,6 +83,7 @@
         isSaving = false;
         if (error) {
           console.error('Error adding comment:', error);
+          snackbar.error($t('course.navItem.lessons.comments.comment_error'));
           return;
         }
 
@@ -352,7 +353,7 @@
               />
             </div>
           {:else}
-            <article class="prose sm:prose-sm max-w-[300px] dark:text-white">
+            <article class="prose max-w-[300px] sm:prose-sm dark:text-white">
               {commentItem.comment}
             </article>
           {/if}

apps/dashboard/src/lib/components/TextEditor/index.svelte

@@ -26,7 +26,7 @@
 
   // editor configuration
   let conf = {
-    plugins: 'lists, link, emoticons, code, media, eqneditor',
+    plugins: 'lists, link, emoticons, code, media, searchreplace, eqneditor',
     toolbar: [
       { name: 'history', items: ['undo', 'redo'] },
       { name: 'styles', items: ['styles'] },
@@ -38,6 +38,7 @@
       { name: 'insert', items: ['emoticons'] },
       { name: 'code', items: ['code'] },
       { name: 'media', items: ['media'] },
+      { name: 'search', items: ['searchreplace'] },
       { name: 'eqneditor', items: ['eqneditor'] }
     ],
     lists_indent_on_tab: false,