General Refactoring and code cleanup

[lucaengelhard]

I would love to refactor and clean up the codebase, especially the frontend. I started with extracting global state and effects into hooks and contexts: #800

Also some code is heavily duplicated. (like LibraryExportPanel.tsx and ExportPanel.tsx)

Are there already ongoing efforts for refactoring or what would be the preferred way of approaching this?

[GimleLarpes]

I am currently adding some reusable components to deduplicate inputfields, buttons, text etc. I am also eventually going to deduplicate the modal preview window. That's about it for what I've got planned ATM though.

[lucaengelhard]

Thats great! I think a general refactor of the codebase to make it less cluttered and easier to navigate and extend would be really beneficial for future improvements. I mainly looked into the react frontend up until now, as it is more my area of expertise, and I found it really hard to understand and sort through all the useEffects and figure out what relates to what