fix(sidebar): use open state to remove always working focus trap on mobile

[ShGKme]

☑️ Resolves

• Fix: Can't select message text box #11454
• Bump @nextcloud/vue from 8.11.3 to 8.13.0
• Using new open state of NcAppSidebar with built-in toggle button
• Adjusted animations

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🚧 Tasks

• Style changes

🏁 Checklist

• 🌏 Tested with Chrome, Firefox and Safari or should not be risky to browser differences
• 🖥️ Tested with Desktop client or should not be risky for it
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[Antreesy]

Works as expected. Though there are still too many styles changes came from library (follow-up?)

[ShGKme]

Though there are still too many styles changes came from library (follow-up?)

What do you mean? Are they from the library or new server styles?

[ShGKme]

@nextcloud/vue@8 doesn't suppose to have any breaking change at least for supported 28 and 29.

Styles on 30 are broken in many places also from server styles, it's in progress

[Antreesy]

Yeah, server styles, I have compared at main only. Tested with desktop + server 29, so far looks the same

[ShGKme]

• Rebased onto main
• Minor fixes in fixup:
  • Correctly use conditional slot
  • Pass all the previous attrs to the button like title and aria-label.

[ShGKme]

• Rebased onto main to resolve conflicts
• Fixed styles. Required, because with new Teleport fix in NcAppSidebar, the toggle is no longer inside the sidebar

[ShGKme]

Note, screenshot is made on stable29 styles

[Antreesy]

Tested against stable29

on main ubread marker is still messy, but because of reducing the clickable area 44 -> 34

[DorraJaouad]

On main :
message (shouldn't be lower ? It doesn't look much readable)

mention (at all)

direct mention

Color should be applied only on message notif

.chat-button__unread-messages-counter {
	color: var(--color-primary-element);
}

Besides, styles should be aligned with conversation counter styles ?

[ShGKme]

On main

@DorraJaouad Is it much different from what was before? Styles on main, including @nextcloud/vue are not adjusted to new theming.

[Antreesy]

Rebased on main, squashed fixups and provide a fix for 'highlighted' type:

[DorraJaouad]

Tested

[ShGKme]

/backport to stable29