Update code style

Author: AwdeDarkar

package.json

@@ -54,7 +54,23 @@
     "parserOptions": {
       "project": "./tsconfig.json"
     },
+    "settings": {
+        "import/resolver": {
+            "node": {
+                "extensions": [
+                    ".js",
+                    ".ts",
+                    ".jsx",
+                    ".tsx"
+                ]
+            }
+        }
+    },
     "rules": {
+      "import/extensions": [
+          "error",
+          "never"
+      ],
       "semi": [
         "error",
         "never"
@@ -67,6 +83,21 @@
         "error",
         4
       ],
+      "react/jsx-indent-props": [
+        "error",
+        4
+      ],
+      "react/jsx-filename-extension": [
+          "error",
+          {
+              "extensions": [
+                  ".jsx",
+                  ".tsx"
+              ]
+          }
+      ],
+      "react/require-default-props": 0,
+      "jsx-a11y/label-has-associated-control": 0,
       "indent": [
         "error",
         4

src/App.test.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import React from "react"
+import { render, screen } from "@testing-library/react"
+import App from "./App"
 
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+test("renders learn react link", () => {
+    render(<App />)
+    const linkElement = screen.getByText(/learn react/i)
+    expect(linkElement).toBeInTheDocument()
+})

src/App.tsx

@@ -1,13 +1,16 @@
-import React from 'react'
+import React from "react"
 
-import TimerPage from './TimerPage'
+import TimerPage from "./TimerPage"
 
-import './App.css'
+import "./App.css"
 
+/**
+ *
+ */
 export default function App() {
     return (
         <div className="App">
             <TimerPage />
         </div>
     )
-}
+}