fix(ui): undefined reference in providers (#3618)

under specific conditions, the provider details page will throw an
uncaught exception caused by `useEffect` setting `name` to undefined
when provider is undefined.

use a placeholder instead of setting the field value directly. this also
fixes the issue where an empty value is seens as a change, enabling
save.

Author: mxyng

ui/pages/providers/[id].js

@@ -119,10 +119,6 @@ export default function ProvidersEditDetails() {
     },
   ]
 
-  useEffect(() => {
-    setName(provider?.name)
-  }, [provider])
-
   useEffect(() => {
     return clearTimer()
   }, [])
@@ -298,6 +294,7 @@ export default function ProvidersEditDetails() {
               <label className='text-2xs font-medium text-gray-700'>Name</label>
               <input
                 type='search'
+                placeholder={provider?.name}
                 value={name}
                 onKeyDown={e => {
                   if (e.key === 'Escape' || e.key === 'Esc') {