Bump swiper from 6.8.4 to 11.0.7 (#11968)

* Bump swiper from 6.8.4 to 11.0.7

Bumps [swiper](https://github.com/nolimits4web/Swiper) from 6.8.4 to 11.0.7.
- [Release notes](https://github.com/nolimits4web/Swiper/releases)
- [Changelog](https://github.com/nolimits4web/swiper/blob/master/CHANGELOG.md)
- [Commits](nolimits4web/swiper@v6.8.4...v11.0.7)

---
updated-dependencies:
- dependency-name: swiper
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix file path

* fix module loading problems

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Mavis Ou <mmmavis@users.noreply.github.com>

package.json

@@ -96,7 +96,7 @@
     "react-ga": "3.3.1",
     "sass": "^1.59.3",
     "shx": "^0.3.4",
-    "swiper": "^6.8.4",
+    "swiper": "^11.0.7",
     "tailwindcss": "^3.4.1",
     "uuid": "^9.0.1",
     "whatwg-fetch": "^3.6.20"

source/js/components/carousel/carousel.js

@@ -1,10 +1,11 @@
-import Swiper, {
+import Swiper from "swiper";
+import {
   A11y,
   Autoplay,
   Pagination,
   Navigation,
   Keyboard,
-} from "swiper";
+} from "swiper/modules";
 
 /**
  * Image Carousel on Mozfest Homepage Hero Section.

source/js/components/foundation-carousel/foundation-carousel.js

@@ -1,10 +1,11 @@
-import Swiper, {
+import Swiper from "swiper";
+import {
   A11y,
   Autoplay,
   Pagination,
   Navigation,
   Keyboard,
-} from "swiper";
+} from "swiper/modules";
 
 /**
  * Image Carousel on Mozfest Homepage Hero Section.

source/js/components/mozfest-hero-carousel/mozfest-hero-carousel.js

@@ -1,11 +1,12 @@
-import Swiper, {
+import Swiper from "swiper";
+import {
   A11y,
   Autoplay,
   Pagination,
   Navigation,
   Keyboard,
   EffectFade,
-} from "swiper";
+} from "swiper/modules";
 
 /**
  * Image Carousel on Mozfest Homepage Hero Section.

source/sass/mozfest.scss

@@ -4,8 +4,8 @@
 // Mozfest Carousel Modules
 @import "../../node_modules/swiper/swiper-vars.scss";
 @import "../../node_modules/swiper/swiper.scss";
-@import "../../node_modules/swiper/components/pagination/pagination.scss";
-@import "../../node_modules/swiper/components/effect-fade/effect-fade.scss";
+@import "../../node_modules/swiper/modules/pagination.scss";
+@import "../../node_modules/swiper/modules/effect-fade.scss";
 
 body.mozfest {
   .tito-widget-button {