fix(CallView): light improvement

[DorraJaouad]

☑️ Resolves

• Fix Video/people layout of group calls or conversations shared by link looks off initially #10567

• When joining a call in group conversation, it is set to grid view even for "connecting" view which makes the tile looks weird. I enforce a speaker view when connecting so to keep a consistent view for all joiners and to avoid having an expanded local video tile.
• Stop following button lost restoring the previous view state because of some watchers enforcing the temporary view (speaker view). I omitted those as startPresentation already handles it.

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🚧 Tasks

• ...

🏁 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]

As it's aligned with tests, let's go with it for now.
I'd still consider to discuss all possible variants and their outputs as follow-up (like with a table we did for scrolling)

[ShGKme]

The only thing that looks weird now, is that on the empty call view the switch does nothing. You click on "Grid view" or "Speaker view" and nothing got changed. But I don't see any alternatives.

[ShGKme]

1. On the call, start following somebody and open stripe
2. Start screensharing from another participant
3. Stop screensharing
4. No you are on the grid view instead of the previous "Following + open stripe"

Is that expected?

Before it returned to the same state, you were before presentation.

[Antreesy]

But I don't see any alternatives.

Hide an option, while there's nothing to place on grid?

State is not restored on return from presentation

[ShGKme]

Not sure it is related, but caught an exception:

TypeError: Cannot read properties of null (reading 'attributes')
    at VueComponent.shouldShowPresenterOverlay

on this line

spreed/src/components/CallView/CallView.vue

Line 325 in 79bd33f

return this.shownRemoteScreenCallParticipantModel.attributes.videoAvailable || this.isModelWithVideo(this.shownRemoteScreenCallParticipantModel)

[DorraJaouad]

TypeError: Cannot read properties of null (reading 'attributes')
at VueComponent.shouldShowPresenterOverlay

This was unrelated, but fixed as it is involved in "light improvement" :p

[Antreesy]

Last nitpick from me, can't tell what else we could enhance atm. Behaves much better, in my opinion