Update to Nextcloud 25 design

[ChristophWurst]

Is your feature request related to a problem? Please describe.

Nextcloud 25 comes with a new UI and this app needs to be adjusted.

Describe the solution you'd like

• Bump @nextcloud/vue v7.0.0-beta.3 #2917

High priority

• Contacts list: Migrate contacts list to common list component #2950
• Left sidebar: Move settings to a modal #2952

Medium/low priority

• Left sidebar: Badge counter doesn't use primary color #2948
• Left sidebar: Search bar is not aligned with the "New contact" button on the left #2949
• Contacts list: "Close navigation" toggle has uneven margins #2951
• Left sidebar: "Contacts settings" button and sidebar header don't align #2963
• Left sidebar: List headers are not aligned with list content #2964
• Left sidebar: Plus icons are not aligned with badges #2965
• Left sidebar: Improve appearance of "New contact" button #2966
• Contact details: Three dot menu of header is not vertically aligned properly #2967
• Contact details: Improve form layout #2968
• Contact details: Improve experience of adding a new property #2969
• Contact details: Improve dynamic ordering when adding a new property to a contact #2970
• Contact details: Weird "yp" suffix in property type selects #2971
• Implement a view mode Design review #1923 (comment)

Describe alternatives you've considered

No response

Additional context

No response

[st3iny]

I linked all tickets from the design review.

[ChristophWurst]

High priority items done.