feat(feedback): Report a Bug button

[antonis]

📢 Type of change

• Bugfix
• New feature
• Enhancement
• Refactoring

Targeting feedback-ui-2 branch

PR Chain:

• 👉 feat(feedback): Report a Bug button
• feat(feedback): Theming
• feat(feedback): Screenshot button
• ref(feedback): Extracts FeedbackWidgetProvider in a separate file
• fix(feedback): Fixes accessibility issue on iOS
• test(e2e): Adds Feedback Widget Maestro E2E tests

📜 Description

Implements feedback button that launches the feedback widget using the auto-injected feedback widget

The button is shown with Sentry.showFeedbackButton() and hidden with Sentry.hideFeedbackButton() provided that the app is wrapped (Sentry.wrap(RootComponent)). The button can be styled like:

Sentry.feedbackIntegration({
  buttonOptions: {
    styles: {
      triggerButton: {
        marginBottom: 75,
      },
    },
  },
})

💡 Motivation and Context

Part of #4302

💚 How did you test it?

Manual testing with the sample app

📝 Checklist

• I added tests to verify changes
• No new PII added or SDK only sends newly added PII if sendDefaultPII is enabled
• I updated the docs if needed.
• I updated the wizard if needed.
• All tests passing
• No breaking changes

🔮 Next steps

[antonis]

Thank you for reviewing and your feedback @krystofwoldrich 🙇

I noticed that the button is above the shadow when dismissing the form.

Good catch 👍 Should be fixed after 04f1a8d

Let's also add a dummy button integration to track the usage of the button.

Good point! Added with 7473c58

The web version has a border similar to the form buttons.

Good catch 👍 Added the border with 24b3df0

[antonis]

The cyclic dependency is properly fixed with a small refactoring in a followup PR #4718

[krystofwoldrich]

Looks good. Thank you! 🚀

Can you also add the button to the Expo Sample?

[antonis]

Thank you for reviewing and all the feedback Krystof 🙇

Can you also add the button to the Expo Sample?

Added with 722114d