ReDesign

[theovier]

Full ReDesign Front-End

As we changed our design, we had to touch basically every file that may be displayed to a user, which results in a lot of files changed. We realise that this is a major pain in the a** to review, so we tried to adjust every e2e test so that no functionality would be lost during the merge.

Changes in this PR

• new styles
• easier to use components, especially for sections, which will make future development work much smoother (see BaseSection, SectionHeader, ButtonSection).
• restyled every view and component to use these components and new styles
• dark-mode 🥳

Dependency update

• remove Tailwind 1.X
• add Tailwind 2.X
• add HeadlessUI

Type of change

• Refactoring
• New feature
• Testing
• This change requires a documentation update (README, e.g. deployment changes)
  • I added the documentation

TODOs

As we didn't quite finish everything yet, there are some small pieces left that need to be adjusted.

• Style Decrypt-Modal
• Style Delete-Course-Modal
• Style Delete-Account-Modal
• Remove Enter-Password-Modal
• Style Immatriculation-Modal
• Style Login-Modal
• Style Module-Information-Section in Edit/Create Course
• Style Immatriculation Section in Account Edit
• Add Hyperledger-Version to About-Page (maybe required API-Change, needs to be discucssed beforehand)
• Darkmode for SearchableSelects
• Remove Old CSS Styles once every component has been replaced
• Remove playground views
• Tags Dark-Mode
• Style Course Info Page
• Style Immatriculation History
• Style Decrypt Key Modal

Checklist:

• I have performed a self-review of my own code
• My changes generate no new linting warnings or console warnings
• I have updated the CHANGELOG.md to include any changes made in this PR

[bastihav]

buggy workflow:
upload picture (which has a correct size)
delete picture
upload picture again (nothing happens here)

[tobias-wiese]

• Navbar menu icons for "Enroll in courses" and "My courses" are switched
• Course description textarea in course form could need a placeholder "(optional)"
• non editable courses still have a cursor-pointer on their course title, but you cannot click it
• initial values within profile not set after successfull update. Reproduce: append something to city, click update. Then update button is still enabled and becomes disabled when removing the appended string. After refresh, the change is there though
• change password fields in settings should have placeholders (now its kinda empty)

[this-kramer]

buggy workflow:
upload picture (which has a correct size)
delete picture
upload picture again (nothing happens here)

Added issue since also present on develop -> #820