removed eslint from deps, updated eslint config and fixed files

.eslintrc.js

 module.exports = {
-  extends: ['airbnb-typescript'],
+  extends: ['airbnb-typescript', 'prettier'],
 
   parserOptions: {
     project: './tsconfig.json',

package.json

@@ -70,7 +70,6 @@
     "@types/styled-components": "^5.1.7",
     "@typescript-eslint/eslint-plugin": "^3.10.1",
     "@typescript-eslint/parser": "^3.10.1",
-    "eslint": "^7.18.0",
     "eslint-config-airbnb-typescript": "^9.0.0",
     "eslint-config-prettier": "^4.3.0",
     "eslint-plugin-import": "^2.22.1",

src/components/NewsContainer.tsx

@@ -16,8 +16,8 @@ const NewsContainer: React.FC = () => {
     <CircularProgress />
   ) : (
     <Grid container spacing={2}>
-      {data
-        && data.map((item) => (
+      {data &&
+        data.map((item) => (
           <News
             title={item.title}
             author="Anonymus"

src/core/components/CustomModal.tsx

@@ -10,6 +10,7 @@ interface ICustomModalProps {
   children: React.ReactNode;
   customStyle: {
     backgroundColor?: string;
+    margin?: string;
     padding?: string;
     width?: string;
     border?: string;
@@ -43,7 +44,7 @@ const useStyles = makeStyles((theme) => ({
   }),
 }));
 
-export const CustomModal = ({
+export const CustomModal: React.FC<ICustomModalProps> = ({
   isOpen,
   setIsOpen,
   customStyle = {},
@@ -51,7 +52,7 @@ export const CustomModal = ({
 }: ICustomModalProps) => {
   const classes = useStyles(customStyle);
 
-  const handleClose = () => {
+  const handleClose = (): void => {
     setIsOpen(false);
   };
 

src/core/components/MainRouting.tsx

 import React from 'react';
 import { Route, Switch } from 'react-router';
 import NewsPage from '../../components/NewsPage';
+import ProfileButton from './ProfileButton';
 
 const MainRouting: React.FC = () => (
   <Switch>

src/core/components/ProfileButton.tsx

@@ -2,7 +2,7 @@ import { Button } from '@material-ui/core';
 import React, { useState } from 'react';
 import { ProfileModal } from './ProfileModal';
 
-export const ProfileButton = () => {
+const ProfileButton: React.FC = () => {
   const [isProfileModalOpen, setIsProfileModalOpen] = useState<boolean>(true);
 
   const handleProfileModalOpen = () => {

src/core/components/ProfileModal.tsx

@@ -11,8 +11,8 @@ interface IProfileModalProps {
   setIsOpen: Dispatcher<boolean>;
 }
 
-export const ProfileModal = ({ isOpen, setIsOpen }: IProfileModalProps) => {
-  const onClose = () => {
+export const ProfileModal: React.FC<IProfileModalProps> = ({ isOpen, setIsOpen }) => {
+  const onClose = (): void => {
     setIsOpen(false);
   };
   return (