add favorites using localstorage, update lint rules

.eslintrc.js

@@ -7,7 +7,9 @@ module.exports = {
 	extends: [
 		'next/core-web-vitals',
 		'plugin:react/recommended',
-		'airbnb',
+		'plugin:react-hooks/recommended',
+		'plugin:import/recommended',
+		'plugin:prettier/recommended',
 		'plugin:i18next/recommended',
 		'plugin:storybook/recommended',
 	],
@@ -19,51 +21,24 @@ module.exports = {
 		ecmaVersion: 'latest',
 		sourceType: 'module',
 	},
-	plugins: ['react', '@typescript-eslint', 'react-hooks', 'i18next'],
+	plugins: ['@typescript-eslint'],
 	rules: {
-		'react/jsx-indent': [2, 'tab'],
-		'react/jsx-indent-props': [2, 'tab'],
 		indent: [2, 'tab', { SwitchCase: 1 }],
-		'no-tabs': 0,
-		'react/jsx-wrap-multilines': 'off',
-		'operator-linebreak': 'off',
-		'object-curly-newline': 'off',
-		'react/jsx-filename-extension': [
-			2,
-			{ extensions: ['.js', '.jsx', '.tsx'] },
-		],
-		'import/no-unresolved': 'off',
-		'import/prefer-default-export': 'off',
-		'no-unused-vars': 'off',
-		'react/require-default-props': 'off',
-		'react/react-in-jsx-scope': 'off',
-		'react/jsx-props-no-spreading': 'off',
-		'react/function-component-definition': 'off',
-		'no-shadow': 'off',
-		'import/extensions': 'off',
-		'import/no-extraneous-dependencies': 'off',
-		'no-underscore-dangle': 'off',
-		'i18next/no-literal-string': [
-			'warn',
+		'prettier/prettier': [
+			'error',
 			{
-				markupOnly: true,
-				ignoreAttribute: ['data-testid', 'to'],
+				singleQuote: true,
+				jsxSingleQuote: true,
+				useTabs: true,
+				endOfLine: 'auto',
+				parser: 'flow',
 			},
 		],
-		'jsx-a11y/no-static-element-interactions': 'off',
-		'jsx-a11y/click-events-have-key-events': 'off',
-		'react-hooks/rules-of-hooks': 'error',
-		'react-hooks/exhaustive-deps': 'error',
-		'comma-dangle': ['error', 'always-multiline'],
-		'jsx-quotes': 'off',
-		'no-param-reassign': 'off',
+		'react/jsx-indent': [2, 'tab'],
+		'react/display-name': 'off',
 		'react/prop-types': 'off',
-		'arrow-body-style': 'off',
-		'max-len': 'off',
-		'linebreak-style': 'off',
-		'import/order': 'off',
-		camelcase: 'off',
-		'no-plusplus': 'off',
+		'react/react-in-jsx-scope': 'off',
+		'i18next/no-literal-string': 'warn',
 	},
 	globals: {
 		IS_DEV: true,

.stylelintrc.json

@@ -6,7 +6,8 @@
 	"rules": {
 		"selector-class-pattern": "^([a-z][a-zA-Z0-9]*)$",
 		"keyframes-name-pattern": "^([a-z][a-zA-Z0-9]*)$",
-		"color-function-notation": "legacy",
+		"color-function-notation": null,
+		"rule-empty-line-before": null,
 		"scss/at-rule-no-unknown": [
 			true,
 			{

app/[locale]/layout.tsx

@@ -16,8 +16,8 @@ import { ReactNode, Suspense } from 'react';
 const inter = Inter({ subsets: ['latin'] });
 
 type LocaleLayoutProps = {
-	children: ReactNode;
-	params: { locale: string };
+	children: ReactNode,
+	params: { locale: string },
 };
 
 export function generateStaticParams() {

app/[locale]/page.tsx

@@ -3,7 +3,7 @@ import { unstable_setRequestLocale } from 'next-intl/server';
 import { FC } from 'react';
 
 type IndexPageProps = {
-	params: { locale: string };
+	params: { locale: string },
 };
 
 const IndexPage: FC<IndexPageProps> = ({ params: { locale } }) => {

app/layout.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 
 type Props = {
-	children: ReactNode;
+	children: ReactNode,
 };
 
 // Since we have a `not-found.tsx` page on the root, a layout file

config/jest/jest.config.ts

@@ -1,10 +1,6 @@
-/*
- * For a detailed explanation regarding each configuration property and type check, visit:
- * https://jestjs.io/docs/configuration
- */
-
 import path from 'path';
 
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
 	clearMocks: true,
 	testEnvironment: 'jsdom',

config/jest/jestEmptyComponent.tsx

@@ -1,4 +1,3 @@
-// eslint-disable-next-line func-names
 const jestEmptyComponent = function () {
 	return <div />;
 };

json-server/index.js

@@ -42,7 +42,6 @@ server.post('/login', (req, res) => {
 });
 
 // проверяем, авторизован ли пользователь
-// eslint-disable-next-line
 // server.use((req, res, next) => {
 // 	if (!req.headers.authorization) {
 // 		return res.status(403).json({ message: 'AUTH ERROR' });