chore: update configuration files

update configuration for Typescript files

Author: ahmad-kashkoush

.editorconfig

@@ -21,7 +21,7 @@ trim_trailing_whitespace = true
 insert_final_newline = true
 
 # Settings for JavaScript and JSX files
-[*.{js,jsx}]
+[*.{js,jsx,ts,tsx}]
 indent_size = 2
 
 # Settings for JSON files

.eslintrc

@@ -1,13 +1,32 @@
 {
+  "parser": "@typescript-eslint/parser",
   "extends": [
     "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
     "prettier"
   ],
   "plugins": [
-    "prettier"
+    "prettier",
+    "@typescript-eslint"
   ],
   "rules": {
     "prettier/prettier": "error"
+  },
+  "overrides": [
+    {
+      "files": [
+        "*.ts",
+        "*.tsx"
+      ],
+      "rules": {
+        // Add any TypeScript-specific rules here if needed
+      }
+    }
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
   }
 }

.prettierrc

@@ -6,5 +6,6 @@
   "tabWidth": 2,
   "printWidth": 80,
   "bracketSpacing": true,
-  "arrowParens": "always"
+  "arrowParens": "always",
+  "endOfLine": "lf"
 }

eslint.config.js

@@ -3,11 +3,13 @@ import globals from 'globals';
 import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
+import typescriptParser from '@typescript-eslint/parser';
+import typescriptPlugin from '@typescript-eslint/eslint-plugin';
 
 export default [
   { ignores: ['dist'] },
   {
-    files: ['**/*.{js,jsx}'],
+    files: ['**/*.{js,jsx,ts,tsx}'],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
@@ -16,18 +18,23 @@ export default [
         ecmaFeatures: { jsx: true },
         sourceType: 'module',
       },
+      parser: typescriptParser,
     },
     settings: { react: { version: '18.3' } },
     plugins: {
       react,
       'react-hooks': reactHooks,
       'react-refresh': reactRefresh,
+      '@typescript-eslint': typescriptPlugin,
     },
     rules: {
       ...js.configs.recommended.rules,
       ...react.configs.recommended.rules,
       ...react.configs['jsx-runtime'].rules,
       ...reactHooks.configs.recommended.rules,
+      ...typescriptPlugin.configs.recommended.rules,
+
+      // Customize rules as needed
       'react/jsx-no-target-blank': 'off',
       'react-refresh/only-export-components': [
         'warn',