context.story is not stable enough to be used as the export name

[ling1726]

Previously the addon used context.story as the name of the export for
codoesandbox. However the below example shows how this value can be
incorrect

export const MyStory = () => {/* story */}
MyStory.storyName = 'My custom story name'

This will break the export as the index.ts will include the following

import * as ReactDOM from 'react-dom';
import { FluentProvider, webLightTheme } from '@fluentui/react-components';
import { My custom story as Example } from './example';
//
// You can edit this example in "example.tsx".
//
ReactDOM.render(
    <FluentProvider theme={webLightTheme}>
        <Example />
    </FluentProvider>,
    document.getElementById('root'),
);

The solution should be to use a babel transform to find the actual name of the exported function and make it available as a parameter for the addon to consume. This can simply be added as another plugin similary to the modifyImports plugin