Refactor!: transitioning to Vuetify3

[fyusuf-a]

This issue was made to keep track of the changes that will make the transition to Vue3 + Vuetify3 + Vite possible. To work on this issue, please:

• check the correct box below and create an issue

• branch from vue3-dev

• work on your issue

• rebase merge with vue3-dev

• [ ] colors are off

• [x] TheAppBar position is wrong when in fullscreen on desktop

• [x] v-list-item-content warnings on the chat: this component does not exist anymore and can be replaced by the prop title

• [x] v-list-item-group warning on the chat: this component does not exist anymore

• [x] problem with require on the About page. This is a Vite error.

• [x] problem with slots on the About page

• [ ] check if the production build works

• [ ] run the correct tests as vue-cli is not used anymore

Notes:

• if you see another problem with this branch, please mention it in the comments
• push forces are now disabled on *-dev branches
• conventional commits are enforced on *-dev branches
• a linear history is required on *-dev branches (please rebase)
• PR #181 is created to help keep track of the changes on the branch vue3-dev

[fyusuf-a]

I add here a problem which is not related to the refactor per se, but should help during the refactor and the many rebuilds of Docker images:

• [x] minimize the size of the build context

[fyusuf-a]

• [x] the port for adminer is wrong

[fyusuf-a]

• [x] sharing of DTOs does not work (try creating a new fooDto())

[tmorris42]

• [ ] the user's Avatar is not visible on the AppBar (just the very top of it, under the username)

[fyusuf-a]

Remaining to be done on the 16th of August:

• [ ] colors are off
• [ ] check if the production build works
• [ ] run the correct tests as vue-cli is not used anymore
• [ ] the user's Avatar is not visible on the AppBar (just the very top of it, under the username)

[tmorris42]

• [ ] Swagger isn't reading the dtos
• [x] ChatWindow won't open if channel does not have any messages