✨ Notebook Add Advanced Controls (#1452)

* 💄 Reduce notebook widget min width to fit sidebar

* ✨ Highlight and text align controls

* ✨ Notebook Image support

* ✨ Notebook text coloring support

* ✨ Notebook Image resize support

* ✨ Notebook Advanced Highlight and Text Coloring

* ✨ TaskList and lists indentations (not finished)

* ⬆️ Updated tiptap components to 2.1.12

* 🐛 notebook content not updating

* ✨Cancel Edit function + 🐛onReadOnlyCheck bug fix

* ✨ Notebook Table

* 🚧 Tweaks

* 🌐 Added Translations

* 🐛 Fix notebook table column resize

* 🌐 Replace common translations

* ✨ Notebook Underline, default text change

src/components/Dashboard/Modals/ChangePosition/ChangePositionModal.tsx

@@ -89,7 +89,7 @@ export const ChangePositionModal = ({
             data={widthData}
             max={24}
             min={1}
-            label={t('layout/modals/change-position:width')}
+            label={t('common:attributes.width')}
             description={t('layout/modals/change-position:betweenXandY', {
               min: widthData.at(0)?.label,
               max: widthData.at(-1)?.label,
@@ -104,7 +104,7 @@ export const ChangePositionModal = ({
             data={heightData}
             max={24}
             min={1}
-            label={t('layout/modals/change-position:height')}
+            label={t('common:attributes.height')}
             description={t('layout/modals/change-position:betweenXandY', {
               min: heightData.at(0)?.label,
               max: heightData.at(-1)?.label,

src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts

@@ -50,6 +50,7 @@ export const initializeGridstack = (
   // Add listener for moving items around in a wrapper
   grid.on('change', (_, el) => {
     const nodes = el as GridStackNode[];
+    if (!nodes) return;
     const firstNode = nodes.at(0);
     if (!firstNode) return;
     events.onChange(firstNode);
@@ -58,6 +59,7 @@ export const initializeGridstack = (
   // Add listener for moving items in config from one wrapper to another
   grid.on('added', (_, el) => {
     const nodes = el as GridStackNode[];
+    if (!nodes) return;
     const firstNode = nodes.at(0);
     if (!firstNode) return;
     events.onAdd(firstNode);