feat: form now fully resets after the creation of a shape

Author: williamzhu17

components/core/CreateShape.js

@@ -301,6 +301,13 @@ const CreateShape = (props) => {
                     "shape_id": insertShape['inserted_hashes']
                 } 
             });
+
+            setShapeInformation({
+                ...initialState, 
+            });
+
+            setValidated(false);
+
         } else {
             toast.error('OOPS!! We hit a bummer. Please try again.');
         }

components/utils/DraggableVertice.js

@@ -46,7 +46,8 @@ const DraggableVertice = (props) => {
                 handle=".handle" 
                 position={{x: x, y: y}} 
                 grid={[2.8, 2.8]} 
-                onDrag={(e, data) => {handleDrag(e, data); props.setFocusNumber(-1)}}>
+                onDrag={(e, data) => {handleDrag(e, data); props.setFocusNumber(-1)}}
+            >
                     <CircleVertice 
                         className="handle" 
                         onClick={() => {

components/utils/ShapeForm.js

@@ -43,7 +43,7 @@ const ShapeForm = (props) => {
             </Form.Group>
 
             <Form.Group>
-                <Form.Label>Color</Form.Label>
+                <Form.Label>Color picker</Form.Label>
                 <ColorPicker 
                     type="color" 
                     name="backgroundColor"
@@ -76,7 +76,7 @@ const ShapeForm = (props) => {
             <Form.Group>
                 <Form.Label>CSS clip-Path</Form.Label>
                 <Form.Control 
-                    type="text" 
+                    as="textarea" 
                     name="formula" 
                     value={props.shapeInformation.formula} 
                     onChange={props.handleChange}