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.

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;
   }