Fix a few typos

automation/webpack.prod.ts

@@ -57,7 +57,7 @@ export default merge(common, {
             // Split out various extra chunks for libraries that we know to be large & either
             // rarely used or updated differently to other code in the frontend. The goal is to
             // avoid re-downloading large non-updated libs when often-updated libs change.
-            // This is a bit suspect - definitely more art then science right now.
+            // This is a bit suspect - definitely more art than science right now.
             cacheGroups: {
                 // Zstd is rarely used, big-ish, always loaded async, and v rarely changed:
                 zstd: {

src/model/events/event-base.ts

@@ -17,7 +17,7 @@ export abstract class HTKEventBase {
 
     abstract get id(): string;
 
-    // These can be overriden by subclasses to allow easy type narrowing:
+    // These can be overridden by subclasses to allow easy type narrowing:
     isHttp(): this is HttpExchangeView { return false; }
     isWebSocket(): this is WebSocketView { return false; }
 

src/model/http/http-docs.ts

@@ -605,7 +605,7 @@ const HEADERS: { [key: string]: MdnDocsData | undefined } = {
     "dpr": {
         "mdnSlug": "Web/HTTP/Headers/DPR",
         "name": "DPR",
-        "summary": "The DPR header is a Client Hints headers which represents the client device pixel ratio (DPR), which is the the number of physical device pixels corresponding to every CSS pixel."
+        "summary": "The DPR header is one of the Client Hints headers, which represents the client device pixel ratio (DPR), the number of physical device pixels corresponding to every CSS pixel."
     },
     "date": {
         "mdnSlug": "Web/HTTP/Headers/Date",

src/model/rules/rule-descriptions.ts

@@ -282,7 +282,7 @@ export function summarizeStepClass(key: StepClassKey): string {
 }
 
 // Summarize the matchers of an instantiated rule
-// Slight varation on the Mockttp explanation to make the
+// Slight variation on the Mockttp explanation to make the
 // comma positioning more consistent for UX of changing rules
 export function summarizeMatcher(rule: HtkRule): string {
     const { matchers } = rule;

src/model/send/send-request-model.ts

@@ -23,7 +23,7 @@ import {
 import { getHeaderValue, h2HeadersToH1, rawHeadersToHeaders } from '../http/headers';
 import { parseHarRequest } from '../http/har';
 
-// This is our model of a Request for sending. Smilar to the API model,
+// This is our model of a Request for sending. Similar to the API model,
 // but not identical, as we add extra UI metadata etc.
 export class RequestInput {
 

src/services/ui-worker-api.ts

@@ -65,7 +65,7 @@ function callApi<
  * Takes a body, asynchronously decodes it and returns the decoded buffer.
  *
  * Note that this requires transferring the _encoded_ body to a web worker,
- * so after this is run the encoded the buffer will become empty, if any
+ * so after this is run the encoded buffer will become empty, if any
  * decoding is actually required.
  *
  * The method returns an object containing the new decoded buffer and the