correctly use bootstrap

assets/app.js

@@ -8,8 +8,9 @@
 // any CSS you import will output into a single css file (app.css in this case)
 import './styles/app.scss';
 
+const $ = require('jquery');
 // start the Stimulus application
-// import './bootstrap';
+require('bootstrap');
 
 // Fontawesome
 import '@fortawesome/fontawesome-free/js/fontawesome'

package.json

@@ -5,6 +5,8 @@
         "@symfony/webpack-encore": "^1.0.0",
         "bootstrap": "^4.6.0",
         "core-js": "^3.0.0",
+        "jquery": "^3.6.0",
+        "popper.js": "^1.16.1",
         "regenerator-runtime": "^0.13.2",
         "sass": "^1.32.11",
         "sass-loader": "^11.0.0",