🚚 rename chromatic stories from *.stories.spec.tsx to *.stories.tsx

Storybook can't handle other extensions anymore

.storybook/main.ts

@@ -1,4 +1,4 @@
-const chromaticTestStories = ['../src/**/*.stories.spec.@(tsx|mdx)'];
+const chromaticTestStories = ['../src/**/__tests__/*.stories.@(tsx|mdx)'];
 const storybookStories = ['./**/*.stories.@(tsx|mdx)', '../src/**/*.stories.@(tsx|mdx)'];
 module.exports = {
   stories: process.env.CHROMATIC ? chromaticTestStories : storybookStories,

src/components/button/__tests__/button.stories.spec.tsx → src/components/button/__tests__/button.stories.tsx

@@ -5,7 +5,7 @@ import Button, { AllowedButtonColor, BUTTON_LEVELS } from '../Button';
 
 export default {
   component: Button,
-  title: Button.displayName,
+  title: 'Button',
 };
 
 const Wrapper = ({ children, inverse = false }: { children: ReactNode; inverse?: boolean }) => (