Create component library lego-bricks

[eikhr]

Description

Adds a nested package inside lego-webapp, monorepo style, where we can put components we want to use in other projects.

I've done some webpack and typescript trickery to make hot-reload and jump-to-definition work. Not the cleanest code, but I think it's worth it to get a better dev experience. None of it is used in production anyways. For production builds we need to build lego-bricks first so that it can be imported like any other npm package in lego-webapp.

It currently contains LoadingIndicator and Button, but most components could be moved fairly easily (just a bit of work to fix all the imports). The only thing I have found so far that doesn't work is the composes: feature of post-css. This is because of the internal workings of vite, so any components that make use of this must be changed before being moved.

---

For reviewing I would highly recommending reviewing the commits separately

Result

Hopefully everything works exactly the same as before in lego-webapp🤞

I did fix some broken LoadingIndicators though, that were never loading.

Testing

• I have thoroughly tested my changes.

Please describe what and how the changes have been tested, and provide instructions to reproduce if necessary.

---

Resolves ABA-524

[linear]

ABA-524 Create component library

We reuse the same components in multiple projects. Currently they are simply copy/pasted, which is obviously not a great solution. A package with shared components would be better.

[ivarnakken]

Can't wait! 😍

[ollfkaih]

😎