feat: replace button with div and assigned role=button to it [WPB-21194]

[zskhan]

WPB-21194 [Web] Calling - Own profile picture in the call incorrectly marked as a button

Summary

Replace button with div and assigned role=button
Move inline css to styles.ts
Call Controls were working on mouse but not working on via keyboard. Now it is working

• What did I change and why?
• Risks and how to roll out / roll back (e.g. feature flags):

---

Security Checklist (required)

• External inputs are validated & sanitized on client and/or server where applicable.
• API responses are validated; unexpected shapes are handled safely (fallbacks or errors).
• No unsafe HTML is rendered; if unavoidable, sanitization is applied and documented where it happens.
• Injection risks (XSS/SQL/command) are prevented via safe APIs and/or escaping.

Standards Acknowledgement (required)

• I have read and this PR upholds our Coding Standards and Tech Radar Choices.

---

Screenshots or demo (if the user interface changed)

Notes for reviewers

• Trade-offs:
• Follow-ups (linked issues):
• Linked PRs (e.g. web-packages):

[e-maad]

LGTM 👍
Just a concern, did we try our best to make button work with keyboard navigation?
It is actually against accessibility guidelines.

[sonarqubecloud]

Quality Gate passed

Issues
9 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[codecov]

Codecov Report

❌ Patch coverage is 65.62500% with 11 lines in your changes missing coverage. Please review.
✅ Project coverage is 43.75%. Comparing base (58033d7) to head (85f4dd1).
⚠️ Report is 9 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev   #19846      +/-   ##
==========================================
+ Coverage   43.73%   43.75%   +0.02%     
==========================================
  Files        1299     1300       +1     
  Lines       32744    32761      +17     
  Branches     7268     7271       +3     
==========================================
+ Hits        14321    14335      +14     
- Misses      16703    16704       +1     
- Partials     1720     1722       +2     

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.