build(deps): bump bootstrap from 3.4.1 to 5.3.3 (#1409)

* build(deps): bump bootstrap from 3.4.1 to 5.3.3

Bumps [bootstrap](https://github.com/twbs/bootstrap) from 3.4.1 to 5.3.3.
- [Release notes](https://github.com/twbs/bootstrap/releases)
- [Commits](twbs/bootstrap@v3.4.1...v5.3.3)

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

Signed-off-by: dependabot[bot] <[email protected]>

* Some updates for bootstrap v5

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: david-yz-liu <[email protected]>

Author: dependabot[bot]

.pnp.cjs

@@ -192,7 +192,9 @@ const config = {
   },
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
-  transformIgnorePatterns: ["/node_modules/(?!(@?react-leaflet|node-fetch|data-uri-to-buffer|fetch-blob|formdata-polyfill).*)"],
+  transformIgnorePatterns: [
+    "/node_modules/(?!(@?react-leaflet|node-fetch|data-uri-to-buffer|fetch-blob|formdata-polyfill).*)",
+  ],
 
   // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
   // unmockedModulePathPatterns: undefined,

.yarn/cache/bootstrap-npm-3.4.1-c63015f4c4-5742035e8c.zip

@@ -916,7 +916,7 @@ class CampusMap extends React.Component {
     }
 
     return (
-      <div id="campus-map" className="col-md-8 col-xs-6">
+      <div id="campus-map" className="col-md-8 col-6">
         <MapContainer
           center={center}
           zoom={16}

.yarn/cache/bootstrap-npm-5.3.3-da08e2f0fe-537b68db30.zip

@@ -38,7 +38,7 @@ export class Row extends React.Component {
     storeColSpans(springSession, springColSpans)
     // Generate a container for each of the Fall and Spring timetables individually
     return (
-      <div className="col-md-9 col-xs-12" id="grid-body">
+      <>
         <TimetableContainer
           session="F"
           lecturesByTime={fallSession}
@@ -51,7 +51,7 @@ export class Row extends React.Component {
           headColSpans={springColSpans}
           lectures={springLectures}
         />
-      </div>
+      </>
     )
   }
 }
@@ -63,7 +63,7 @@ export class Row extends React.Component {
 class TimetableContainer extends React.Component {
   render() {
     return (
-      <div className="col-md-6 col-xs-12 timetable-container">
+      <div className="col-md-5 col-12 timetable-container">
         <Timetable
           session={this.props.session}
           lecturesByTime={this.props.lecturesByTime}

jest.config.js

@@ -51,7 +51,7 @@ export class CoursePanel extends React.Component {
     ))
 
     return (
-      <div id="search-layout" className="col-md-3 col-xs-6">
+      <div id="search-layout" className="col-md-2 col-12">
         <div id="filter-container">
           <form onSubmit={() => false}>
             <input

js/components/common/react_modal.js.jsx

@@ -178,7 +178,7 @@ class Grid extends React.Component {
       ? this.state.selectedLectures.concat(this.state.hoveredLecture)
       : this.state.selectedLectures
     return (
-      <div>
+      <>
         <Disclaimer />
         <CoursePanel
           selectedCourses={this.state.selectedCourses}
@@ -192,7 +192,7 @@ class Grid extends React.Component {
         />
         <Row lectureSections={updatedList} />
         <ExportModal context="grid" session="fall" ref={this.setExportRef} />
-      </div>
+      </>
     )
   }
 }

js/components/grid/calendar.js.jsx

@@ -24,7 +24,7 @@
     "@babel/runtime": "^7.24.4",
     "ag-grid-community": "^32.1.0",
     "ag-grid-react": "^32.1.0",
-    "bootstrap": "^3.1.1",
+    "bootstrap": "^5.3.3",
     "core-js": "^3.30.1",
     "handlebars": "^4.7.8",
     "jquery": "^3.7.1",

js/components/grid/course_panel.js.jsx

@@ -1308,22 +1308,6 @@ path.missing {
   border-top-style: none;
 }
 
-.col-md-2 {
-  width: 14%;
-}
-
-.col-md-8 {
-  width: 72%;
-}
-
-.col-md-pull-2 {
-  right: 14%;
-}
-
-.col-md-push-8 {
-  left: 72%;
-}
-
 #course-select-wrapper {
   background-color: #7a6a96;
   color: #fff;

js/components/grid/grid.js.jsx

@@ -3618,10 +3618,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bootstrap@npm:^3.1.1":
-  version: 3.4.1
-  resolution: "bootstrap@npm:3.4.1"
-  checksum: 5742035e8c541cd525780542771e7d56f63e5d4b2d902427bf182d3383e74a17c9074b6809f50d7f3de0585377e673339628b97cfdcde597ad69ecb1d2b562a6
+"bootstrap@npm:^5.3.3":
+  version: 5.3.3
+  resolution: "bootstrap@npm:5.3.3"
+  peerDependencies:
+    "@popperjs/core": ^2.11.8
+  checksum: 537b68db30150075614310e9ebdf1be9b4affdf89ca226d59f4352e82a368b203af13ed0ce5ccfa4e06f141ecd233f7432ca3817e9c1a39863a05fbe13c73c4b
   languageName: node
   linkType: hard
 
@@ -4237,7 +4239,7 @@ __metadata:
     ag-grid-react: ^32.1.0
     babel-jest: ^29.5.0
     babel-loader: ^9.1.2
-    bootstrap: ^3.1.1
+    bootstrap: ^5.3.3
     core-js: ^3.30.1
     css-loader: ^6.7.3
     cypress: 13.7.3