Hack week: add bundle analyzer

[noelledaley]

Description

Installs webpack-bundle-analyzer to analyze the bundle and look for inefficiencies.

Instructions

Pull down this branch and run:

$ yarn && yarn run ember server --environment=production

Then open http://127.0.0.1:8888 to view.

Example:

Using this tool revealed that swagger-ui-dist is taking up a very large portion of one of the main JS chunks. This tells us that the swagger-ui-related code isn't being lazy loaded, which is not ideal since it's a portion of our UI that is sparsely used. Other downsides include:

• Increased Load Time: our JavaScript bundle will take longer to download and parse, leading to slower initial load times for users
• Performance Impact: a larger bundle can impact the time it takes for the browser to execute the JavaScript, potentially delaying the time until the page becomes interactive

I looked into trying to dynamically import the swagger-ui related code inside the SwaggerUi component but ran into issues where webpack couldn't properly load the module. It'd be a good thing to explore in the future, though!

[github-actions]

CI Results:
All Go tests succeeded! ✅