fix(react): align component and e2e test generation

[juristr]

Current Behavior

Right now if you generate a new React component it generates the welcome message in a "dasherized" name.

It doesn't make a lot of sense since the actual selector of the React component would be TopicButton and not topic-button. But apart from that, what happens when generating a Cypress storybook test is that the test right now is generated as follows:

describe('shared-ui: TopicButton component', () => {
  beforeEach(() => cy.visit('/iframe.html?id=topicbutton--primary'));
    
    it('should render the component', () => {
      cy.get('h1').should('contain', 'Welcome to shared-ui!');
    });
});

Basically it checks whether the name is the project name, rather than component name, thus the pre-generated e2e test fails. Which is bad.

Expected Behavior

This PR aligns the React component generator with the e2e test generator s.t. when just using code generation tests pass. Which should always be the case

To test

• generate a new workspace
• generate a library
• generate a storybook story including Cypress e2e tests
• run the cypress e2e tests => should succeed

Related Issue(s)

Fixes #

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nrwl/nx-dev/2aBq1f1SdvasMXKUF2qKEnvUP7fH
✅ Preview: Canceled

[Deployment for a34c1f1 canceled]

[nx-cloud]

Nx Cloud Report

We didn't find any information for the current pull request with the commit a34c1f1.
Please make sure you set the \ NX_BRANCH\ environment variable in your CI pipeline .

Check the Getting started section to configure the app.

---

Sent with 💌 from NxCloud.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.