slightly adjusted animation timings

src/common/PulseBox.tsx

@@ -20,6 +20,7 @@ const useStyles = makeStyles((_theme: Theme) => ({
       animation: '$pulse 2s infinite ease-in-out',
       pointerEvents: 'none',
       boxSizing: 'border-box',
+      transition: "border-color 0.35s ease-in-out",
     },
   },
   '@keyframes pulse': {

src/common/StatusPlenum.tsx

@@ -41,7 +41,7 @@ export default function StatusPlenum(props: Props) {
         setColor(colors[newIndex]); // Use the new index here
         return newIndex;
       });
-    }, 2000);
+    }, 5000);
     
     return () => clearInterval(interval);
   }, []);