Reposition feedback button in DDM

[ArthurKnaus]

As the default position of the button would conflict with controls on the bottom tray, we should place it somewhere else / have a dedicated custom button.

See:
https://www.npmjs.com/package/@sentry-internal/feedback#additional-ui-customization
https://www.npmjs.com/package/@sentry-internal/feedback#bring-your-own-button

Custom button example in crons:

sentry/static/app/views/monitors/components/cronsFeedbackButton.tsx

Lines 1 to 48 in 7920f8e

	import {useEffect, useRef} from 'react';
	import {BrowserClient, getCurrentHub} from '@sentry/react';
	import {Feedback} from '@sentry-internal/feedback';
	import {Button} from 'sentry/components/button';
	import {IconMegaphone} from 'sentry/icons/iconMegaphone';
	import ConfigStore from 'sentry/stores/configStore';
	import {useLegacyStore} from 'sentry/stores/useLegacyStore';
	function CronsFeedbackButton() {
	const config = useLegacyStore(ConfigStore);
	const ref = useRef(null);
	const title = 'Give Feedback';
	const widgetTheme = config.theme === 'dark' ? 'dark' : 'light';
	const hub = getCurrentHub();
	const client = hub && hub.getClient<BrowserClient>();
	const feedback = client?.getIntegration(Feedback);
	useEffect(() => {
	const widget =
	ref.current &&
	feedback?.attachTo(ref.current, {
	colorScheme: widgetTheme,
	formTitle: title,
	submitButtonLabel: 'Send Feedback',
	messagePlaceholder: 'What did you expect?',
	});
	return () => {
	if (widget && feedback) {
	feedback.removeWidget(widget);
	}
	};
	}, [widgetTheme, feedback]);
	// Do not show button if Feedback integration is not enabled
	if (!feedback) {
	return null;
	}
	return (
	<Button ref={ref} data-feedback="crons" size="sm" icon={<IconMegaphone />}>
	{title}
	</Button>
	);
	}
	export default CronsFeedbackButton;