fixed an issue with image slider

frontend/editable-ui/src/components/shared/tiptap-custom-extensions/custom-image-extension.jsx

@@ -88,6 +88,8 @@ function ImageNode(props) {
         toggle={toggle}
         setAlt={setAlt}
         alt={alt}
+        width={width}
+        height={height}
         imageRef={imageRef}
         setWidth={handleSetWidth}
         setHeight={handleSetHeight}

frontend/editable-ui/src/components/shared/tiptap-custom-extensions/custom-image-properties-modal.jsx

@@ -22,7 +22,7 @@ function CustomImagePropertiesModal(props) {
         </ModalBody>
         <ModalFooter>
           <Button color="primary" onClick={props.toggle}>
-              Ok
+              Done
           </Button>{' '}
         </ModalFooter>
       </Modal>

frontend/editable-ui/src/components/shared/tiptap-custom-extensions/range-slider.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Input, Label, FormGroup, Container } from 'reactstrap';
 function RangeSlider (props) {
-  const [value, setValue] = useState(props.defaultValue || props.min);
+  const [value, setValue] = useState(props.value || props.defaultValue);
 
   const handleChange = (e) => {
     setValue(e.target.value);