Use safe zone terminology in UI (#93)

Author: BohanZhang1

frontend/src/components/Configuration/SimulationConfigs.jsx

@@ -195,7 +195,7 @@ function SimulationConfigs() {
                             <Box sx={{ display: 'flex' }}>
                               <NoEntryIcon sx={{ ...iconStyle }} />
                               <Typography variant='subtitle1' sx={{ color: 'white', ml: 0.8 }}>
-                                Sade Zones
+                                Safe Zones
                               </Typography>
                             </Box>
                             <Typography sx={{ ...numberStyle, fontSize: '1.6rem' }}>

frontend/src/constants/map.js

@@ -13,13 +13,13 @@ export const mapControls = {
     ],
   },
   [tabEnums.ENV_SADEZONE]: {
-    header: 'DRAW SADE ZONE',
+    header: 'DRAW SAFE ZONE',
     body: [
-      { icon: [imageUrls.sign_up], command: 'CLICK ICON', info: 'TO ACTIVATE SADE ZONE' },
+      { icon: [imageUrls.sign_up], command: 'CLICK ICON', info: 'TO ACTIVATE SAFE ZONE' },
       {
         icon: [imageUrls.shift, imageUrls.left_click],
         command: 'SHIFT + LEFT-CLICK + DRAG',
-        info: 'TO DRAW A SADE ZONE',
+        info: 'TO DRAW A SAFE ZONE',
       },
     ],
   },