feat: Install eslint sort plugin and @tabler/icons-react

.eslintrc.json

@@ -6,10 +6,16 @@
     "prettier"
   ],
   "parser": "@typescript-eslint/parser",
-  "plugins": ["tailwindcss", "@typescript-eslint"],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest"
+  },
+  "plugins": ["tailwindcss", "@typescript-eslint", "simple-import-sort"],
   "rules": {
     "@typescript-eslint/no-explicit-any": 0,
     "no-unused-vars": 1,
-    "no-console": 1
+    "no-console": 1,
+     "simple-import-sort/imports": "error",
+    "simple-import-sort/exports": "error"
   }
 }

package.json

@@ -11,6 +11,7 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
+    "@tabler/icons-react": "^3.11.0",
     "clsx": "^2.1.1",
     "next": "15.0.0-rc.0",
     "react": "19.0.0-rc-f994737d14-20240522",
@@ -26,6 +27,7 @@
     "eslint-config": "^0.3.0",
     "eslint-config-next": "^14.2.5",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-tailwindcss": "^3.17.4",
     "postcss": "^8",
     "prettier": "^3.3.3",

src/app/layout.tsx

@@ -1,7 +1,9 @@
-import NavBar from '@/components/navbar';
+import './globals.css';
+
 import type { Metadata } from 'next';
 import type { ReactNode } from 'react';
-import './globals.css';
+
+import NavBar from '@/components/navbar';
 
 export const metadata: Metadata = {
   title: 'Indie Hackers Brazil',