Tempo: Embed flame graph in span details (#77537)

* Embed flame graph

* Update test

* Update test

* Use toggle

* Update test

* Add tests

* Use const

* Cleanup

* Update profile tag

* Move flame graph out of tags, remove request and other cleanup + tests

* Update test

* Set flame graph by profile id and simplify logic

* Cleanup and redrawListView

* Create/use feature toggle

public/app/core/components/TraceToProfiles/TraceToProfilesSettings.test.tsx

@@ -8,11 +8,9 @@ import { TraceToProfilesData, TraceToProfilesSettings } from './TraceToProfilesS
 
 const defaultOption: DataSourceSettings<TraceToProfilesData> = {
   jsonData: {
-    tracesToProfilesV2: {
+    tracesToProfiles: {
       datasourceUid: 'profiling1_uid',
       tags: [{ key: 'someTag', value: 'newName' }],
-      spanStartTimeShift: '1m',
-      spanEndTimeShift: '1m',
       customQuery: true,
       query: '{${__tags}}',
     },
@@ -48,7 +46,6 @@ describe('TraceToProfilesSettings', () => {
 
   it('should render all options', () => {
     render(<TraceToProfilesSettings options={defaultOption} onOptionsChange={() => {}} />);
-    expect(screen.getByText('Select data source')).toBeInTheDocument();
     expect(screen.getByText('Tags')).toBeInTheDocument();
     expect(screen.getByText('Profile type')).toBeInTheDocument();
     expect(screen.getByText('Use custom query')).toBeInTheDocument();

public/app/core/components/TraceToProfiles/TraceToProfilesSettings.tsx

@@ -78,7 +78,6 @@ export function TraceToProfilesSettings({ options, onOptionsChange }: Props) {
             noDefault={true}
             width={40}
             onChange={(ds: DataSourceInstanceSettings) => {
-              console.log(options.jsonData.tracesToProfiles, ds);
               updateDatasourcePluginJsonDataOption({ onOptionsChange, options }, 'tracesToProfiles', {
                 ...options.jsonData.tracesToProfiles,
                 datasourceUid: ds.uid,