refactor: improve formatting and readability in ShortcutHelper, DisplayZone, and KeyPressListener components

app/src/modules/visualization/zone/DisplayZone.tsx

@@ -241,21 +241,18 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
         {Object.keys(zonesData).length !== 0 ? (
           <>
             {Object.values(zonesData).map((zone, index) => (
-              <>
-                { }
-                <div
-                  key={index}
-                  className={`zone ${selectedZone.zoneUuid === zone.zoneUuid ? "active" : ""
-                    }`}
-                  onClick={() => {
+              <div
+                key={`${index}_${zone.zoneName}`}
+                className={`zone ${selectedZone.zoneUuid === zone.zoneUuid ? "active" : ""
+                  }`}
+                onClick={() => {
 
-                    handleSelect2dZoneData(zonesData[zone.zoneUuid]?.zoneUuid, zone.zoneName)
-                  }
-                  }
-                >
-                  {zone.zoneName}
-                </div>
-              </>
+                  handleSelect2dZoneData(zonesData[zone.zoneUuid]?.zoneUuid, zone.zoneName)
+                }
+                }
+              >
+                {zone.zoneName}
+              </div>
             ))}
           </>
         ) : (