update react scripts dependency (#255)

* Move "dependencies" close to "devDependencies"

Makes it easier to have a quick overview

* Upgrade "react-scripts" to latest version

With new versions of node (> v16) the build scripts fails with the following error "error:0308010C:digital envelope routines::unsupported"

* Upgrade "react-scripts" to v5 - Fix import

* Upgrade "eslint" dependencies

The latest version of "react-scripts" uses eslint v8 causing the following error "... ERROR in Plugin "react" was conflicted between ".eslintrc.js" >> eslint-config-airbnb ..."

* Upgrade "eslint" dependencies - Allow nested components as props

* Upgrade "eslint" dependencies - Fix lint issues

src/screens/settings/About.tsx

@@ -13,7 +13,7 @@ export default function About() {
 
     useEffect(() => {
         setTitle('About');
-        setAction(<></>);
+        setAction(null);
     }, []);
 
     const { data: about } = useQuery<IAbout>('/api/v1/settings/about');

src/screens/settings/Backup.tsx

@@ -19,7 +19,7 @@ export default function Backup() {
     const { setTitle, setAction } = useContext(NavbarContext);
     useEffect(() => {
         setTitle('Backup');
-        setAction(<></>);
+        setAction(null);
     }, []);
 
     const { baseURL } = client.defaults;

src/screens/settings/Categories.tsx

@@ -52,7 +52,7 @@ export default function Categories() {
     const { setTitle, setAction } = useContext(NavbarContext);
     useEffect(() => {
         setTitle('Categories');
-        setAction(<></>);
+        setAction(null);
     }, []);
 
     const { data, mutate } = useQuery<ICategory[]>('/api/v1/category/');

src/screens/settings/DefaultReaderSettings.tsx

@@ -26,7 +26,7 @@ export default function DefaultReaderSettings() {
     const { setTitle, setAction } = useContext(NavbarContext);
     useEffect(() => {
         setTitle('Default Reader Settings');
-        setAction(<></>);
+        setAction(null);
     }, []);
 
     const { metadata, settings, loading } = useDefaultReaderSettings();