Increase the refresh interval, sometimes the request time will be > 300ms (#684)

<!-- Please provide brief information about the PR, what it contains &
its purpose, new behaviors after the change. And let us know here if you
need any help: https://github.com/microsoft/HydraLab/issues/new -->

## Description

<!-- A few words to explain your changes -->

### Linked GitHub issue ID: #  

## Pull Request Checklist
<!-- Put an x in the boxes that apply. This is simply a reminder of what
we are going to look for before merging your code. -->

- [ ] Tests for the changes have been added (for bug fixes / features)
- [x] Code compiles correctly with all tests are passed.
- [x] I've read the [contributing
guide](https://github.com/microsoft/HydraLab/blob/main/CONTRIBUTING.md#making-changes-to-the-code)
and followed the recommended practices.
- [ ] [Wikis](https://github.com/microsoft/HydraLab/wiki) or
[README](https://github.com/microsoft/HydraLab/blob/main/README.md) have
been reviewed and added / updated if needed (for bug fixes / features)

### Does this introduce a breaking change?
*If this introduces a breaking change for Hydra Lab users, please
describe the impact and migration path.*

- [ ] Yes
- [x] No

## How you tested it
*Please make sure the change is tested, you can test it by adding UTs,
do local test and share the screenshots, etc.*


Please check the type of change your PR introduces:
- [x] Bugfix
- [ ] Feature
- [ ] Technical design
- [ ] Build related changes
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Code style update (formatting, renaming) or Documentation content
changes
- [ ] Other (please describe): 

### Feature UI screenshots or Technical design diagrams
*If this is a relatively large or complex change, kick it off by drawing
the tech design with PlantUML and explaining why you chose the solution
you did and what alternatives you considered, etc...*

Author: zhou9584

react/src/component/DeviceDialog.jsx

@@ -97,7 +97,6 @@ const DeviceDialog = ({ open, onClose, selectedDevice }) => {
     };
 
     const handleSwipe = (e) => {
-        debugger
         var startX = startPosition.x - e.target.getBoundingClientRect().left;
         var startY = startPosition.y - e.target.getBoundingClientRect().top;
         var endX = e.clientX - e.target.getBoundingClientRect().left;
@@ -130,11 +129,11 @@ const DeviceDialog = ({ open, onClose, selectedDevice }) => {
     const refreshImage = () => {
         const interval = setInterval(() => {
             setCount(prevCount => prevCount + 1);
-        }, 300);
+        }, 750);
 
         setTimeout(() => {
             clearInterval(interval);
-        }, 3000);
+        }, 4000);
     }
 
     const refreshDeviceScreen = () => {
@@ -145,13 +144,7 @@ const DeviceDialog = ({ open, onClose, selectedDevice }) => {
         axios.post('/api/device/operate', formParams, {
             headers: { 'content-type': 'application/json' }
         }).then(res => {
-            const interval = setInterval(() => {
-                setCount(prevCount => prevCount + 1);
-            }, 300); // refresh every 0.3s
-
-            setTimeout(() => {
-                clearInterval(interval);
-            }, 3000); // stop after 3s
+            refreshImage();
         })
     }