Refactor object data merging in NewObjectForm to use lodash's merge for improved state management

src/components/Dashboard/common/NewObjectForm.jsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useContext } from 'react'
 import { Form, message } from 'antd'
 import { ApiServerContext } from '../context/ApiServerContext'
 import PropTypes from 'prop-types'
+import merge from 'lodash/merge'
 
 /**
  * NewObjectForm is a reusable form component for creating new objects.
@@ -66,7 +67,9 @@ const NewObjectForm = ({ type, style, defaultValues = {}, children }) => {
       layout='vertical'
       style={style}
       onValuesChange={(values) => {
-        setObjectData((prev) => ({ ...prev, ...values }))
+        setObjectData((prev) => {
+          return merge({}, prev, values)
+        })
       }}
     >
       {contextHolder}