chore: Standardize code, comments and docs on US-English spelling (#2707)

src/scss/editor.scss

@@ -55,11 +55,11 @@
 }
 
 // Each top-level section is an HA expansion panel. An open section draws its
-// own outline, which would otherwise sit directly against the neighbouring
+// own outline, which would otherwise sit directly against the neighboring
 // sections, so every section is spaced whether it is open or not: a gap that
-// appeared only on opening would move the sections below as the panel grew.
-// The margins of two adjacent sections collapse together, so the gap is the
-// same wherever it falls.
+// appeared only on opening would move the sections below as the panel grew. The
+// margins of two adjacent sections collapse together, so the gap is the same
+// wherever it falls.
 .section {
   display: block;
 

src/scss/live-carousel.scss

@@ -38,12 +38,12 @@
 
 // Triggered and transmitting cameras are highlighted with a soft inset glow,
 // drawn by an overlay stacked above the camera feed. The overlays come before
-// the carousel controls in source order, so they stack above the feed but
-// below the controls; `pointer-events: none` keeps them inert. The glow is an
+// the carousel controls in source order, so they stack above the feed but below
+// the controls; `pointer-events: none` keeps them inert. The glow is an
 // interior effect, so it coexists with the grid selection border (see
 // media-grid.scss) without competing for the `border` property.
 //
-// The two states differ by colour and rhythm: triggered is an amber glow that
+// The two states differ by color and rhythm: triggered is an amber glow that
 // pulses fully out and back (a "something happened" beacon), transmitting is a
 // red glow that breathes gently without ever fully fading ("you are live").
 // Transmitting wins: while it is active the trigger overlay is faded out.
@@ -82,7 +82,7 @@
   // Hidden by default; activation/deactivation is a plain opacity fade. Each
   // overlay carries its own static box-shadow (not scoped to the
   // `[triggered]`/`[transmitting]` selectors) so the glow stays painted in its
-  // own colour throughout the fade-out, after its animation has been removed.
+  // own color throughout the fade-out, after its animation has been removed.
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
 }

src/scss/thumbnail-feature-thumbnail.scss

@@ -26,8 +26,7 @@ img {
   border-radius: var(--advanced-camera-card-border-radius-final);
 
   // Not 'contain' as some thumbnails may vary in aspect-ratio slightly and
-  // should be clipped to fill the thumbnail div whilst maintaining
-  // aspect-ratio.
+  // should be clipped to fill the thumbnail div while maintaining aspect-ratio.
   object-fit: cover;
 }