Rename .storybook folder to have no dots in the prefix

[eugene-manuilov]

Feature Description

In order to prepare storybook dependencies to migrated into their own workspace, we need to rename the main folder we use for the storybook setup. This is needed because we can't use workspaces that start with dots. So, ideally, we need to rename .storybook to be just storybook.

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The .storybook folder is renamed to storybook.
• All references to the .storybook folder in our codebase (if we have any) are updated to point to the new folder.

Implementation Brief

• Rename the .storybook folder to storybook.
• Update the following files that currently reference the no renamed .storybook/:
  • .eslintignore
  • package.json
  • .github/workflows/storybook.yml
  • .github/workflows/visual-regression.yml
  • .storybook/webpack.config.js
  • .vscode/settings.json
  • assets/js/components/adminbar/common-GA4.stories.js
  • assets/js/components/OverlayNotification/AnalyticsAndAdSenseAccountsDetectedAsLinkedOverlayNotification.test.js
  • assets/js/components/settings/SettingsAdmin.stories.js
  • assets/js/components/wp-dashboard/common-GA4.stories.js
  • assets/js/modules/adsense/components/dashboard/DashboardTopEarningPagesWidgetGA4.stories.js
  • assets/js/modules/adsense/components/module/ModuleOverviewWidget/index.stories.js
  • assets/js/modules/adsense/components/widgets/TopEarningContentWidget.stories.js
  • assets/js/modules/analytics-4/components/dashboard/DashboardOverallPageMetricsWidgetGA4.stories.js
  • assets/js/modules/analytics-4/components/dashboard/DashboardAllTrafficWidgetGA4/indexEntityDashboard.stories.js
  • assets/js/modules/analytics-4/components/dashboard/DashboardAllTrafficWidgetGA4/indexMainDashboard.stories.js
  • assets/js/modules/analytics-4/components/module/ModulePopularPagesWidgetGA4/index.stories.js
  • assets/js/modules/analytics-4/components/widgets/EngagedTrafficSourceWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/LeastEngagingPagesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/MostEngagingPagesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/NewVisitorsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/PagesPerVisitWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/PopularAuthorsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/PopularContentWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/PopularProductsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/ReturningVisitorsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopCategoriesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopCitiesDrivingAddToCartWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopCitiesDrivingLeadsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopCitiesDrivingPurchasesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopCitiesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopConvertingTrafficSourceWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopCountriesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopDeviceDrivingPurchasesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopPagesDrivingLeadsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopRecentTrendingPagesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopReturningVisitorPages.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopTrafficSourceDrivingAddToCartWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopTrafficSourceDrivingLeadsWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopTrafficSourceDrivingPurchasesWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/TopTrafficSourceWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/VisitLengthWidget.stories.js
  • assets/js/modules/analytics-4/components/widgets/VisitsPerVisitorWidget.stories.js
  • assets/js/modules/search-console/components/dashboard/DashboardPopularKeywordsWidget.stories.js
  • tests/backstop/scenarios.js

Test Coverage

• No additional test coverage required, ensure all existing tests pass and the backstop tests run.

QA Brief

Changelog entry

[aaemnnosttv]

@eugene-manuilov wouldn't the storybook config go into the root of a new workspace for Storybook under the same name?

[eugene-manuilov]

@aaemnnosttv, yes, good point, but that should happen in #10091

[aaemnnosttv]

@eugene-manuilov what I meant was, this change doesn't seem necessary if we are putting this into the new workspace rather than trying to make it the workspace itself. Could we not create storybook to be the new workspace while keeping the SB "root"/config directory the same for now to avoid making all these changes or are they all really needed?

[eugene-manuilov]

Not sure what you suggest, @aaemnnosttv. We have some storybook dependencies (one of which is puppeteer iirc) that would be nice to move to its own workspace. Do you suggest not creating a workspace for storybook and leave them in the main package.json file?