fix: remove blue border of iframe in firefox

[aritro2002]

Type of Change

• [x] Bugfix
• [ ] New feature
• [ ] Enhancement
• [ ] Refactoring
• [ ] Dependency updates
• [ ] Documentation
• [ ] CI/CD

Description

When clicking on the button, or active iframe in Firefox, a blue border appears. This is caused by default browser behavior. To resolve this, I have made every tags outline none when they are in focus and active state. The CSS change is applied specifically for Firefox to avoid affecting other browsers. For iframe, I have added inline styles as other ways of adding styles were not working.

Before:

https://github.com/user-attachments/assets/7ce64e1d-fde3-4b94-b209-e4ba470ceaca

After:

https://github.com/user-attachments/assets/7fc70ed4-838f-4c27-8f22-0049f60182aa

How did you test it?

Tested via rendering the SDK in firefox, safari and chrome. (Also used ngrok for temporary deployment)

Checklist

• [x] I ran npm run re:build
• [x] I reviewed submitted code
• [ ] I added unit tests for my changes where possible

[semanticdiff-com[bot]]

Review changes with