fix: eslint not working on jsx/tsx files

.vscode/settings.json

@@ -83,7 +83,13 @@
     "nix.serverPath": "nixd",
 
     "eslint.workingDirectories": [{ "mode": "auto" }],
-    "eslint.validate": ["javascript", "typescript", "svelte"],
+    "eslint.validate": [
+        "javascript",
+        "typescript",
+        "javascriptreact",
+        "typescriptreact",
+        "svelte"
+    ],
 
     "typescript.tsdk": "node_modules/typescript/lib",
 

apps/blog/src/components/Footer/Footer.tsx

@@ -1,7 +1,8 @@
-import GithubLinkIcon from "../GithubLinkIcon"
 import { faRss } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 
+import GithubLinkIcon from "../GithubLinkIcon"
+
 export default function Footer() {
     return (
         <footer className="flex h-32 justify-center bg-light-footer-bg px-4 text-light-footer-text dark:bg-dark-footer-bg dark:text-dark-footer-text">