fix: bootstrap css not loading

Author: anshg1214

root/layout/components/Head.js

@@ -23,6 +23,7 @@ import escapeClosingTags from '../../utility/escapeClosingTags.js';
 import FaviconLinks from './FaviconLinks.js';
 import globalsScript from './globalsScript.mjs';
 import MetaDescription from './MetaDescription.js';
+import bootstrapCssUrl from 'bootstrap/dist/css/bootstrap.css';
 
 const canonRegexp = new RegExp('^(https?:)?//' + WEB_SERVER);
 function canonicalize(url: string) {
@@ -97,7 +98,7 @@ component Head(
 
       {isHomepage && (
         <link
-          href="/static/build/bootstrap.css"
+          href={bootstrapCssUrl}
           rel="stylesheet"
           type="text/css"
         />

root/static/scripts/homepage/navbar.js

@@ -213,10 +213,6 @@ component Navbar() {
     }
   };
 
-  React.useEffect(() => {
-    void import('bootstrap/dist/js/bootstrap.bundle.min.js');
-  }, []);
-
   return (
     <nav className="navbar navbar-expand-lg shadow-sm" aria-label="Offcanvas navbar large">
       <div className="container-fluid gap-4 position-relative layout-width">

webpack/server.config.mjs

@@ -57,7 +57,7 @@ export default {
        * remove Flow and ESM syntax; this is also fine because it's free of
        * side-effects.
        */
-      allowlist: [/(jquery|mutate-cow|po2json|weight-balanced-tree)/],
+      allowlist: [/(bootstrap|jquery|mutate-cow|po2json|weight-balanced-tree)/],
       modulesFromFile: true,
     }),
   ],