🚸 Improve set temperature UX

Update the UI before the temperature change gets effective to prevent
the lagging feeling.
Value would get rolled back if it errors while setting.

src/pages/fireplace/[mac].tsx

@@ -74,14 +74,17 @@ const Fireplace: NextPage = () => {
 
   const onTemperatureChange = async (newTemperature: number) => {
     try {
-      await setTargetTemperature(token!, mac!, newTemperature);
+      // set the state before hand to avoid the lag feeling
       setTemperature(newTemperature);
+      await setTargetTemperature(token!, mac!, newTemperature);
     } catch (error) {
       console.error(error);
       addErrorCallback({
         title: "Temperature Update Failed",
         body: "Unable to update the temperature. Please try again.",
       });
+      // rollback the temperature to the actual/previous) value
+      setTemperature(temperature);
     }
   };