Update lint and prettier rules

.eslintrc.json

@@ -1,50 +1,40 @@
 {
-	"parser": "@typescript-eslint/parser",
 	"extends": [
-		"standard",
-		"plugin:promise/recommended",
-		"plugin:jsx-a11y/recommended",
-		"plugin:@typescript-eslint/recommended",
-		"plugin:prettier/recommended"
+		"collaborne",
+		"plugin:storybook/recommended"
 	],
-	"env": {
-		"node": true
-	},
-	"parserOptions": {
-		"ecmaVersion": 2020,
-		"ecmaFeatures": {
-			"legacyDecorators": true,
-			"jsx": true
+	"overrides": [
+		{
+			"files": [
+				"**/*.ts",
+				"**/*.tsx"
+			],
+			"extends": [
+				"standard",
+				"prettier",
+				"collaborne"
+			],
+			"env": {
+				"node": false
+			},
+			"plugins": [
+				"react",
+				"react-hooks",
+				"@typescript-eslint"
+			],
+			"rules": {
+				"react-hooks/rules-of-hooks": "error",
+				"react-hooks/exhaustive-deps": "warn"
+			}
+		},
+		{
+			"files": [
+				".storybook/**/*.ts",
+				".storybook/**/*.tsx"
+			],
+			"parserOptions": {
+				"project": "tsconfig.test.json"
+			}
 		}
-	},
-	"settings": {
-		"react": {
-			"version": "17"
-		}
-	},
-	"plugins": [
-		"import",
-		"jsx-a11y",
-		"react",
-		"react-hooks"
-	],
-	"rules": {
-		"space-before-function-paren": 0,
-		"react/prop-types": 0,
-		"react/jsx-handler-names": 0,
-		"react/jsx-fragments": 0,
-		"react/jsx-no-bind": "off",
-		"react/jsx-uses-react": "off",
-		"react/no-unused-prop-types": 0,
-		"react/react-in-jsx-scope": "off",
-		"react-hooks/rules-of-hooks": "error",
-		"react-hooks/exhaustive-deps": "warn",
-		"import/export": 0,
-		"@typescript-eslint/explicit-function-return-type": "off",
-		"@typescript-eslint/no-empty-interface": "off",
-		"no-unused-vars": "off",
-		"@typescript-eslint/no-unused-vars": ["error"],
-		"no-use-before-define": "off",
-		"@typescript-eslint/no-use-before-define": ["error"]
-	}
+	]
 }

.prettierrc

@@ -1,10 +1,11 @@
 {
-  "singleQuote": true,
-  "jsxSingleQuote": false,
-  "semi": true,
-  "tabWidth": 2,
-  "bracketSpacing": true,
-  "jsxBracketSameLine": false,
-  "arrowParens": "avoid",
-  "trailingComma": "all"
+	"singleQuote": true,
+	"jsxSingleQuote": false,
+	"semi": true,
+	"tabWidth": 2,
+	"useTabs": true,
+	"bracketSpacing": true,
+	"jsxBracketSameLine": false,
+	"arrowParens": "avoid",
+	"trailingComma": "all"
 }

.storybook/stories/custom-column.stories.tsx

@@ -1,7 +1,7 @@
-import { createElement, useCallback } from 'react';
-import { action } from '@storybook/addon-actions';
-import IconButton from '@mui/material/IconButton';
 import CallToAction from '@mui/icons-material/CallToAction';
+import IconButton from '@mui/material/IconButton';
+import { action } from '@storybook/addon-actions';
+import { createElement, useCallback } from 'react';
 
 import { Board, Column } from '../../src';
 

.storybook/stories/external-change.stories.tsx

@@ -1,5 +1,5 @@
-import { useCallback, useState } from 'react';
 import Button from '@mui/material/Button';
+import { useCallback, useState } from 'react';
 
 import { Board } from '../../src';
 

.storybook/stories/generic-data.stories.tsx

@@ -1,6 +1,6 @@
-import { useCallback, useState } from 'react';
 import MaterialCard from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
+import { useCallback, useState } from 'react';
 
 import { Board, Card, Column } from '../../src';
 

.storybook/stories/utils/with-theme.tsx

@@ -1,7 +1,6 @@
 import { createTheme, CssBaseline } from '@mui/material';
 import { ThemeProvider } from '@mui/material/styles';
 import { StoryFn } from '@storybook/react';
-
 import type { StoryContext } from '@storybook/types';
 
 const theme = createTheme({