Add linter on CI

front/src/components/chips/PersonChip.tsx

@@ -34,7 +34,7 @@ function PersonChip({ name, picture }: OwnProps) {
       <img
         data-testid="person-chip-image"
         src={picture ? picture.toString() : PersonPlaceholder.toString()}
-        alt="person-picture"
+        alt="person"
       />
       {name}
     </StyledContainer>

front/src/components/chips/__stories__/CompanyChip.stories.tsx

@@ -2,11 +2,13 @@ import CompanyChip from '../CompanyChip';
 import { ThemeProvider } from '@emotion/react';
 import { lightTheme } from '../../../layout/styles/themes';
 
-export default {
+const component = {
   title: 'CompanyChip',
   component: CompanyChip,
 };
 
+export default component;
+
 export const RegularCompanyChip = () => {
   return (
     <ThemeProvider theme={lightTheme}>

front/src/components/chips/__stories__/PersonChip.stories.tsx

@@ -2,11 +2,13 @@ import { ThemeProvider } from '@emotion/react';
 import { lightTheme } from '../../../layout/styles/themes';
 import PersonChip from '../PersonChip';
 
-export default {
+const component = {
   title: 'PersonChip',
   component: PersonChip,
 };
 
+export default component;
+
 export const RegularPersonChip = () => {
   return (
     <ThemeProvider theme={lightTheme}>

front/src/components/chips/__tests__/CompanyChip.test.tsx

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 import {
   RegularCompanyChip,
   RegularCompanyChipWithImage,
-} from '../__stories__/CompanyChip';
+} from '../__stories__/CompanyChip.stories';
 
 it('Checks the CompanyChip renders', () => {
   const { getByText } = render(<RegularCompanyChip />);

front/src/components/chips/__tests__/PersonChip.test.tsx

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 import {
   RegularPersonChip,
   RegularPersonChipWithImage,
-} from '../__stories__/PersonChip';
+} from '../__stories__/PersonChip.stories';
 
 it('Checks the PersonChip renders', () => {
   const { getByText, getByTestId } = render(<RegularPersonChip />);

front/src/components/form/__stories__/Checkbox.stories.tsx

@@ -2,11 +2,13 @@ import Checkbox from '../Checkbox';
 import { ThemeProvider } from '@emotion/react';
 import { lightTheme } from '../../../layout/styles/themes';
 
-export default {
+const component = {
   title: 'Checkbox',
   component: Checkbox,
 };
 
+export default component;
+
 export const RegularCheckbox = () => {
   return (
     <ThemeProvider theme={lightTheme}>

front/src/components/table/table-header/__stories__/SortAndFilterBar.stories.tsx

@@ -3,11 +3,13 @@ import { ThemeProvider } from '@emotion/react';
 import { lightTheme } from '../../../../layout/styles/themes';
 import { faArrowDown } from '@fortawesome/pro-regular-svg-icons';
 
-export default {
+const component = {
   title: 'SortAndFilterBar',
   component: SortAndFilterBar,
 };
 
+export default component;
+
 type OwnProps = {
   removeFunction: () => void;
 };

front/src/components/table/table-header/__stories__/SortOrFilterChip.stories.tsx

@@ -3,11 +3,13 @@ import { ThemeProvider } from '@emotion/react';
 import { lightTheme } from '../../../../layout/styles/themes';
 import { faArrowDown } from '@fortawesome/pro-regular-svg-icons';
 
-export default {
+const component = {
   title: 'SortOrFilterChip',
   component: SortOrFilterChip,
 };
 
+export default component;
+
 type OwnProps = {
   removeFunction: () => void;
 };

front/src/components/table/table-header/__stories__/TableHeader.stories.tsx

@@ -3,11 +3,13 @@ import { ThemeProvider } from '@emotion/react';
 import { lightTheme } from '../../../../layout/styles/themes';
 import { faBuilding } from '@fortawesome/pro-regular-svg-icons';
 
-export default {
+const component = {
   title: 'TableHeader',
   component: TableHeader,
 };
 
+export default component;
+
 export const RegularTableHeader = () => {
   return (
     <ThemeProvider theme={lightTheme}>