Add Prettier and ESLint configuration files

.prettierignore

@@ -0,0 +1,7 @@
+**/build
+**/.eslintrc.cjs
+.yarn/*
+.pnp*
+eslint.config.mjs
+.husky
+node_modules

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "semi": true
+}

eslint.config.mjs

@@ -0,0 +1,113 @@
+import js from '@eslint/js'
+import prettier from "eslint-config-prettier";
+import importPlugin from "eslint-plugin-import";
+import prettierPlugin from "eslint-plugin-prettier";
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+export default [
+  {
+    ignores: [
+      "dist",
+      "node_modules",
+      ".yarn",
+      "eslint.config.*",
+      "tailwind.config.*",
+      "dist",
+      ".husky",
+      ".vscode",
+      "postcss.config.js",
+      ".husky",
+      ".prettierrc"
+    ],
+  },
+  {
+    files: ["**/*.{ts,tsx}"],
+  },
+  {languageOptions: {
+    ecmaVersion: 2020,
+    globals: globals.browser,
+  }},
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    plugins: {
+      "@typescript-eslint": tseslint.plugin,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      prettier: prettierPlugin,
+      import: importPlugin,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      "prettier/prettier": "error",
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          args: "all", // Enforce all unused parameters
+          argsIgnorePattern: "^_", // Allow unused params prefixed with an underscore (common convention)
+        },
+      ],
+      "import/order": [
+  "error",
+  {
+    "newlines-between": "always",
+    "pathGroups": [
+      {
+        "pattern": "react",
+        "group": "builtin",
+        "position": "before"
+      },
+      {
+        "pattern": "@/**",
+        "group": "internal",
+        "position": "after"
+      }
+    ],
+    
+    "alphabetize": {
+      "order": "asc",
+      "caseInsensitive": true
+    },
+    "groups": [
+      ["builtin", "external"],
+      "internal",
+      ["parent", "sibling"],
+      "index",
+      "object",
+      "type"
+    ],
+    
+    "warnOnUnassignedImports": false
+  }
+],
+      "import/newline-after-import": ["error", { count: 1, considerComments: true }],
+      "import/no-cycle": ["error", { ignoreExternal: true }],
+      // Error Prevention
+      "no-console": "warn",
+      "no-debugger": "warn",
+      "no-duplicate-imports": "error",
+      "no-var": "error",
+       // Best Practices
+      "prefer-const": "error",
+      "no-else-return": "error",
+      "eqeqeq": ["error", "always"],
+      // Modern JavaScript
+      "prefer-template": "error",
+      "prefer-destructuring": ["error", {
+        array: true,
+        object: true,
+      }],
+      "object-shorthand": "error",
+      "import/no-absolute-path": "error",
+    },
+  },
+  {
+    // disable type-aware linting on JS files
+    files: ["**/*.js"],
+    ...tseslint.configs.disableTypeChecked,
+  },
+  prettier
+];