Redesign of Student Application Page and Application Filtering

[niclasheun]

Description

This PR updates the UI of the student application page. It follows Bene's style guidelines and with a redesign of the filtering options, it aims to offer a smoother user experience.

Type of change

• [x] New feature
• Introduced a new filtering menu, which also allows to filter by setting a score range (min & max score) as well as to directly filter for the applications which have not been assigned a score.
• Removed filtering in the table (the old version had two different places for filtering. The table and the filter button. Now the filtering option inside the table header is removed and filtering only happens in the filter menu)
• Redesigned and enhanced page header
• 'filter chips' which display the currently selected filters

Known Issues

• 'Add Student' is currently an non-functional button. This functionality is already implemented, but in its own branch (to keep this PR small)

How Has This Been Tested?

This has been manually tested with my local development setup.

• Dark Mode / Light Mode
• Resetting of filters
• Applying multiple / all filters

Changes

[Mtze]

Very nice change! I tested in on the dev instance. Since the intro course segment has a similar list, i think it would be good to also change the filters there. Is this something you wanna do in this PR or would you like to open a followup PR?

[niclasheun]

Thank you! If it is ok for you, I can just do it in the same PR.

[Mtze]

Fine by me :)

[niclasheun]

After looking into the Intro Course Page, I would rather prefer to have it on a separate branch and merge this change individually.