chore: import components correctly

Author: wendelfreitas

src/components/Logo/Logo.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story, Meta } from '@storybook/react/types-6-0';
-import Logo from '.';
+import { Logo } from '.';
 
 export default {
   title: 'Utils/Logo',

src/components/Logo/Logo.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { renderWithTheme } from 'utils/tests/helpers';
 
-import Logo from '.';
+import { Logo } from '.';
 
 describe('<Logo />', () => {
   it('should render the logo svg', () => {

src/components/Paragraph/Paragraph.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story, Meta } from '@storybook/react/types-6-0';
-import Paragraph, { ParagraphProps } from '.';
+import { Paragraph, ParagraphProps } from '.';
 
 export default {
   title: 'Typography/Paragraph',

src/components/Paragraph/Paragraph.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { screen } from '@testing-library/react';
 import { renderWithTheme } from 'utils/tests/helpers';
 
-import Paragraph from '.';
+import { Paragraph } from '.';
 
 describe('<Paragraph />', () => {
   it('should render the paragraph with the default size', () => {

src/components/Small/Small.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story, Meta } from '@storybook/react/types-6-0';
-import Small, { SmallProps } from '.';
+import { Small, SmallProps } from '.';
 
 export default {
   title: 'Typography/Small',

src/components/Small/Small.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { screen } from '@testing-library/react';
 import { renderWithTheme } from 'utils/tests/helpers';
 
-import Small from '.';
+import { Small } from '.';
 
 describe('<Small />', () => {
   it('should render the small with the default size', () => {

src/components/Title/Title.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story, Meta } from '@storybook/react/types-6-0';
-import Title, { TitleProps } from '.';
+import { Title, TitleProps } from '.';
 
 export default {
   title: 'Typography/Title',

src/components/Title/Title.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { screen } from '@testing-library/react';
 import { renderWithTheme } from 'utils/tests/helpers';
 
-import Title from '.';
+import { Title } from '.';
 
 describe('<Title />', () => {
   it('should render the heading', () => {