fix: typos (#1771)

Fix a few typos identified with codespell.

## Launch Checklist

 - [X] Briefly describe the changes in this PR.
 - [ ] Link to related issues.
 - [ ] Write tests for all new functionality.
 - [ ] Add an entry to `CHANGELOG.md` under the `## main` section.

CHANGELOG.md

@@ -20,8 +20,8 @@
 
 - Fixed the Expression editor (for long expressions) being able to be float under other components further down
 - Fixed an issue when clicking on a popup and then clicking on the map again
-- Fix modal close button possition
-- Fixed an issue with the generation of tranlations
+- Fix modal close button position
+- Fixed an issue with the generation of translations
 - Fix missing spec info when clicking next to a property
 - Fix Firefox open file that stopped working due to react upgrade
 - Fix issue with missing bottom error panel

cypress/e2e/modal-driver.ts

@@ -7,7 +7,7 @@ export default class ModalDriver {
   public when = {
     fillLayers: (opts: { type: string; layer?: string; id?: string }) => {
       // Having logic in test code is an anti pattern.
-      // This should be splitted to multiple single responsibility functions
+      // This should be split to multiple single responsibility functions
       const type = opts.type;
       const layer = opts.layer;
       let id;

cypress/e2e/modals.cy.ts

@@ -283,7 +283,7 @@ describe("modals", () => {
 
 
 
-    it("inlcude API key when change renderer", () => {
+    it("include API key when change renderer", () => {
 
       when.click("modal:settings.close-modal");
       when.click("nav:open");

src/components/App.tsx

@@ -450,7 +450,7 @@ export default class App extends React.Component<any, AppState> {
         if (message) {
           try {
             const objPath = message.split(":")[0];
-            // Errors can be deply nested for example 'layers[0].filter[1][1][0]' we only care upto the property 'layers[0].filter'
+            // Errors can be deeply nested for example 'layers[0].filter[1][1][0]' we only care upto the property 'layers[0].filter'
             const unsetPath = objPath.match(/^\S+?\[\d+\]\.[^[]+/)![0];
             unset(dirtyMapStyle, unsetPath);
           }

src/components/MapMaplibreGlLayerPopup.tsx

@@ -57,7 +57,7 @@ class FeatureLayerPopup extends React.Component<FeatureLayerPopupProps> {
       // Default color
       return "black";
     }
-    // This is quite complex, just incase there's an edgecase we're missing
+    // This is quite complex, just in case there's an edgecase we're missing
     // always return black if we get an unexpected error.
     catch (err) {
       console.warn("Unable to get feature color, error:", err);

src/components/_DataProperty.tsx

@@ -21,7 +21,7 @@ import { type MappedLayerErrors } from "../libs/definitions";
 
 
 function setStopRefs(props: DataPropertyInternalProps, state: DataPropertyState) {
-  // This is initialsed below only if required to improved performance.
+  // This is initialised below only if required to improved performance.
   let newRefs: {[key: number]: string} | undefined;
 
   if(props.value && props.value.stops) {

src/components/_ZoomProperty.tsx

@@ -24,7 +24,7 @@ import { type MappedLayerErrors } from "../libs/definitions";
  * When the stops are reordered the references are also updated (see this.orderStops) this allows React to use the same key for the element and keep keyboard focus.
  */
 function setStopRefs(props: ZoomPropertyInternalProps, state: ZoomPropertyState) {
-  // This is initialsed below only if required to improved performance.
+  // This is initialised below only if required to improved performance.
   let newRefs: {[key: number]: string} = {};
 
   if(props.value && (props.value as ZoomWithStops).stops) {

src/libs/layerwatcher.ts

@@ -25,7 +25,7 @@ export default class LayerWatcher {
 
     // Since we scan over all features we want to avoid this as much as
     // possible and only do it after a batch of data has loaded because
-    // we only care eventuall about knowing the fields in the vector layers
+    // we only care eventually about knowing the fields in the vector layers
     this.throttledAnalyzeVectorLayerFields = throttle(this.analyzeVectorLayerFields, 5000);
   }
 

src/styles/index.scss

@@ -33,7 +33,7 @@
   border-radius: 2px;
   position: relative;
 
-  // HACK: Overide
+  // HACK: Override
   .maputnik-input-block {
     margin: vars.$margin-2;
   }