Added hotkeys + updated dependencies & webpack5 + humanetech badge (#15)

* Added language & theme switch hotkeys

* Hotkeys testing

* Language switch when equal

* Shortcut keys changed

* Dependencies updated & upgraded to webpack5

* Added HumaneTech badge

* Disabled FLoC

cypress/integration/app.spec.ts

@@ -102,12 +102,25 @@ it("language switching button is disabled on 'auto', but enables when other", ()
         .should("be.enabled")
         .click();
     cy.findByRole("combobox", { name: /target language/i })
+        .as("target")
         .should("have.value", "eo")
         .get("@source")
         .should("have.value", "en")
         .url()
         .should("not.include", "/en")
         .should("not.include", "/eo");
+    cy.get("body")
+        .type("{ctrl}{shift}s")
+        .get("@source")
+        .should("have.value", "eo")
+        .get("@target")
+        .should("have.value", "en")
+        .get("body")
+        .type("{ctrl}{shift}f")
+        .get("@source")
+        .should("have.value", "en")
+        .get("@target")
+        .should("have.value", "eo");
 });
 
 it("loads & plays audio correctly", () => {
@@ -148,4 +161,9 @@ it("skips to main & toggles color mode", () => {
         .click()
         .get("body")
         .should("have.css", "background-color", white);
+    cy.get("body")
+        .type("{ctrl}{shift}l")
+        .should("not.have.css", "background-color", white)
+        .type("{ctrl}{shift}l")
+        .should("have.css", "background-color", white);
 });