feat: lesson note version history (#374)

* chore: install diff package

* chore: add id to render component

* feat: implement language lesson version history

* chore: fix darkmode colors and use tailwind css

* chore: add screensize conditional

* refactor: list updating after data fetch

* change mode to view to prevent duplicate data being saved

* chore: remove raw text

* chore: db migration

* feat: properly format timestamp

* feat: add snackbar for success

* chore: group by minutes, use icons instead of texts for buttons

* docs: generate translations

* refactor

---------

Co-authored-by: Iniubong Obonguko <iniubongobonguko2018@gmail.com>

apps/dashboard/src/lib/components/HTMLRender/HTMLRender.svelte

@@ -1,9 +1,10 @@
 <script>
   export let content = '';
   export let className = '';
+  export let id = '';
 </script>
 
-<article class="preview prose prose-sm sm:prose {className} dark:text-white">
+<article {id} class="preview prose prose-sm sm:prose {className} dark:text-white">
   {#if $$slots.content}
     <slot name="content" />
   {:else}