fix(text-editor tables): put repeated code in single function

Author: john-traas

src/components/text-editor/prosemirror-adapter/plugins/table-plugin.ts

@@ -9,34 +9,23 @@ export const getTableEditingPlugins = (tablesEnabled: boolean): Plugin[] => {
     return [];
 };
 
+const createStyleAttribute = (cssProperty: string) => ({
+    default: null,
+    getFromDOM: (dom: HTMLElement) => dom.style[cssProperty] || null,
+    setDOMAttr: (value: string, attrs: Record<string, any>) => {
+        if (value) {
+            attrs.style = (attrs.style || '') + `${cssProperty}: ${value};`;
+        }
+    },
+});
+
 export const getTableNodes = () => {
     return tableNodes({
         tableGroup: 'block',
         cellContent: 'block+',
         cellAttributes: {
-            background: {
-                default: null,
-                getFromDOM: (dom) => {
-                    return dom.style.backgroundColor || null;
-                },
-                setDOMAttr: (value: string, attrs: Record<string, string>) => {
-                    if (value) {
-                        attrs.style =
-                            (attrs.style || '') + `background-color: ${value};`;
-                    }
-                },
-            },
-            color: {
-                default: null,
-                getFromDOM: (dom) => {
-                    return dom.style.color || null;
-                },
-                setDOMAttr: (value: string, attrs: Record<string, string>) => {
-                    if (value) {
-                        attrs.style = (attrs.style || '') + `color: ${value};`;
-                    }
-                },
-            },
+            background: createStyleAttribute('background-color'),
+            color: createStyleAttribute('color'),
         },
     });
 };