feat(CallTime)- add one hour hint during the call

[DorraJaouad]

☑️ Resolves

• Fix Show hint when call is running since 1 hour #9947

Description

The Hint text
[ design]

Note the call is running since 1 hour already.

• The Hint gets shown at 1:00:00, and the popover stays open for 10s if the user didn't trigger outside focus.

• After that, The Hint remains in the popover and it is accessed by clicking on the call time.

• If the User is a moderator, the hint is added to the recording buttons popover.

🖼️ Screenshots

This is a recording for a hint faked at 2:20 :

1hourHint2023-08-01.140550.mp4

The moderator's popover ( e.g in case the recording is starting)

🚧 Tasks

• To test :
  If you don't want to wait for one hour, change this line and you can only wait for 20 sec and it can be repeated with 1 min interval.

      this.untilOneHourHint = (1000 * 20) - this.timer + 1

• code review
• Visual review

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not required
• 📘 API documentation in docs/ has been updated or is not required
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required
• 🔖 Capability is added or not needed

[DorraJaouad]

@jancborchardt , how about

The call has been running for one hour.

[jancborchardt]

@DorraJaouad your text auggestion sounds better indeed!

And it looks good, except it could use some more padding to the top and sides so it's consistent on all sides.

[jancborchardt]

See code comments

[Antreesy]

Tested on web client, works good!

Also call timer is much more responsive now

Code style and CSS styles have been aligned since last review

[DorraJaouad]

/backport to stable27