Entirely rewrite home page... Once again

.dockerignore

@@ -1,3 +1,3 @@
-react/node_modules
+node_modules
 .git
 .gitignore

.github/workflows/lint.yml

@@ -40,7 +40,7 @@ jobs:
 
       - name: Install dependencies
         run: |
-          pnpm install --frozen-lockfile
+          pnpm install --frozen-lockfile --ignore-scripts
 
       - name: Check codebase via Oxlint
         run: |

.oxfmtrc.json

@@ -31,5 +31,10 @@
       ["alias-imports", "internal", "type-internal"],
       "unknown"
     ]
+  },
+  "sortTailwindcss": {
+    "stylesheet": "src/index.css",
+    "functions": ["clsx", "cn"],
+    "preserveWhitespace": true
   }
 }

.oxlintrc.json

@@ -17,13 +17,16 @@
     // Automatically generated code
     "src/routeTree.gen.ts",
 
-    // Shadcn components
+    // Shadcn/ui components
     "src/components/ui",
-    "!src/components/ui/theme-provider.tsx"
+    "!src/components/ui/theme-provider.tsx",
+    "!src/components/ui/carousel.tsx"
   ],
   "overrides": [
     {
-      "files": ["**/*.{ts,tsx}"],
+      "files": [
+        "**/*.{ts,tsx}"
+      ],
       "rules": {
         "constructor-super": "error",
         "for-direction": "error",
@@ -78,6 +81,7 @@
         "no-unused-labels": "error",
         "no-unused-private-class-members": "error",
         "no-unused-vars": "error",
+        "no-useless-assignment": "error",
         "no-useless-backreference": "error",
         "no-useless-catch": "error",
         "no-useless-escape": "error",
@@ -175,18 +179,85 @@
             "allowRegExp": false
           }
         ],
-        "typescript/return-await": ["error", "error-handling-correctness-only"],
+        "typescript/return-await": [
+          "error",
+          "error-handling-correctness-only"
+        ],
         "typescript/triple-slash-reference": "error",
         "typescript/unbound-method": "error",
         "typescript/unified-signatures": "error",
         "typescript/use-unknown-in-catch-callback-variable": "error",
-        "import/named": "error",
+        "react/rules-of-hooks": "error",
+        "react/exhaustive-deps": "warn",
+        "react-x/error-boundaries": "error",
+        "react-x/exhaustive-deps": "warn",
+        "react-x/no-access-state-in-setstate": "error",
+        "react-x/no-array-index-key": "warn",
+        "react-x/no-children-count": "warn",
+        "react-x/no-children-for-each": "warn",
+        "react-x/no-children-map": "warn",
+        "react-x/no-children-only": "warn",
+        "react-x/no-children-to-array": "warn",
+        "react-x/no-clone-element": "warn",
+        "react-x/no-component-will-mount": "error",
+        "react-x/no-component-will-receive-props": "error",
+        "react-x/no-component-will-update": "error",
+        "react-x/no-context-provider": "warn",
+        "react-x/no-create-ref": "error",
+        "react-x/no-direct-mutation-state": "error",
+        "react-x/no-forward-ref": "warn",
+        "react-x/no-missing-key": "error",
+        "react-x/no-nested-component-definitions": "error",
+        "react-x/no-nested-lazy-component-declarations": "error",
+        "react-x/no-set-state-in-component-did-mount": "warn",
+        "react-x/no-set-state-in-component-did-update": "warn",
+        "react-x/no-set-state-in-component-will-update": "warn",
+        "react-x/no-unnecessary-use-prefix": "warn",
+        "react-x/no-unsafe-component-will-mount": "warn",
+        "react-x/no-unsafe-component-will-receive-props": "warn",
+        "react-x/no-unsafe-component-will-update": "warn",
+        "react-x/no-unused-class-component-members": "warn",
+        "react-x/no-unused-state": "warn",
+        "react-x/no-use-context": "warn",
+        "react-x/purity": "warn",
+        "react-x/rules-of-hooks": "error",
+        "react-x/set-state-in-effect": "warn",
+        "react-x/set-state-in-render": "error",
+        "react-x/static-components": "error",
+        "react-x/unsupported-syntax": "error",
+        "react-x/use-memo": "error",
+        "react-x/use-state": "warn",
+        "react-dom/no-dangerously-set-innerhtml": "warn",
+        "react-dom/no-dangerously-set-innerhtml-with-children": "error",
+        "react-dom/no-find-dom-node": "error",
+        "react-dom/no-flush-sync": "error",
+        "react-dom/no-hydrate": "error",
+        "react-dom/no-render": "error",
+        "react-dom/no-render-return-value": "error",
+        "react-dom/no-script-url": "warn",
+        "react-dom/no-unsafe-iframe-sandbox": "warn",
+        "react-dom/no-use-form-state": "error",
+        "react-dom/no-void-elements-with-children": "error",
+        "react-naming-convention/context-name": "warn",
+        "react-naming-convention/id-name": "warn",
+        "react-naming-convention/ref-name": "warn",
+        "react-jsx/no-children-prop": "warn",
+        "react-jsx/no-children-prop-with-children": "error",
+        "react-jsx/no-comment-textnodes": "warn",
+        "react-jsx/no-key-after-spread": "error",
+        "react-jsx/no-leaked-dollar": "warn",
+        "react-jsx/no-leaked-semicolon": "warn",
+        "react-jsx/no-namespace": "error",
+        "import/named": "off",
         "import/namespace": "error",
         "import/default": "error",
         "import/export": "error",
         "import/no-named-as-default": "warn",
         "import/no-named-as-default-member": "warn",
         "import/no-duplicates": "warn",
+        "react-perf/jsx-no-new-object-as-prop": "error",
+        "react-perf/jsx-no-new-array-as-prop": "error",
+        "react-perf/jsx-no-new-function-as-prop": "error",
         "jsx-a11y/alt-text": "error",
         "jsx-a11y/anchor-ambiguous-text": "off",
         "jsx-a11y/anchor-has-content": "error",
@@ -212,7 +283,9 @@
           "error",
           {
             "tags": [],
-            "roles": ["tabpanel"],
+            "roles": [
+              "tabpanel"
+            ],
             "allowExpressionValues": true
           }
         ],
@@ -235,66 +308,6 @@
         "jsx-a11y/role-supports-aria-props": "error",
         "jsx-a11y/scope": "error",
         "jsx-a11y/tabindex-no-positive": "error",
-        "react-dom/no-dangerously-set-innerhtml": "warn",
-        "react-dom/no-dangerously-set-innerhtml-with-children": "error",
-        "react-dom/no-find-dom-node": "error",
-        "react-dom/no-flush-sync": "error",
-        "react-dom/no-hydrate": "error",
-        "react-dom/no-render": "error",
-        "react-dom/no-render-return-value": "error",
-        "react-dom/no-script-url": "warn",
-        "react-dom/no-unsafe-iframe-sandbox": "warn",
-        "react-dom/no-use-form-state": "error",
-        "react-dom/no-void-elements-with-children": "error",
-        "react-perf/jsx-no-new-object-as-prop": "error",
-        "react-perf/jsx-no-new-array-as-prop": "error",
-        "react-perf/jsx-no-new-function-as-prop": "error",
-        "react-x/component-hook-factories": "error",
-        "react-x/error-boundaries": "error",
-        "react-x/exhaustive-deps": "warn",
-        "react-x/no-access-state-in-setstate": "error",
-        "react-x/no-array-index-key": "warn",
-        "react-x/no-children-count": "warn",
-        "react-x/no-children-for-each": "warn",
-        "react-x/no-children-map": "warn",
-        "react-x/no-children-only": "warn",
-        "react-x/no-children-to-array": "warn",
-        "react-x/no-clone-element": "warn",
-        "react-x/no-component-will-mount": "error",
-        "react-x/no-component-will-receive-props": "error",
-        "react-x/no-component-will-update": "error",
-        "react-x/no-context-provider": "warn",
-        "react-x/no-create-ref": "error",
-        "react-x/no-direct-mutation-state": "error",
-        "react-x/no-forward-ref": "warn",
-        "react-x/no-missing-key": "error",
-        "react-x/no-nested-component-definitions": "error",
-        "react-x/no-nested-lazy-component-declarations": "error",
-        "react-x/no-redundant-should-component-update": "error",
-        "react-x/no-set-state-in-component-did-mount": "warn",
-        "react-x/no-set-state-in-component-did-update": "warn",
-        "react-x/no-set-state-in-component-will-update": "warn",
-        "react-x/no-unnecessary-use-prefix": "warn",
-        "react-x/no-unsafe-component-will-mount": "warn",
-        "react-x/no-unsafe-component-will-receive-props": "warn",
-        "react-x/no-unsafe-component-will-update": "warn",
-        "react-x/no-unused-class-component-members": "warn",
-        "react-x/no-use-context": "warn",
-        "react-x/purity": "warn",
-        "react-x/rules-of-hooks": "error",
-        "react-x/set-state-in-effect": "warn",
-        "react-x/set-state-in-render": "error",
-        "react-x/unsupported-syntax": "error",
-        "react-x/use-memo": "error",
-        "react-x/use-state": "warn",
-        "react-x/no-class-component": "error",
-        "react-x/no-misused-capture-owner-stack": "error",
-        "react-x/no-unnecessary-use-callback": "warn",
-        "react-x/no-unnecessary-use-memo": "warn",
-        "react-x/no-unstable-context-value": "warn",
-        "react-x/no-unstable-default-props": "warn",
-        "react-x/no-unused-state": "warn",
-        "react-x/prefer-destructuring-assignment": "warn",
         "no-negated-condition": "off",
         "no-nested-ternary": "off",
         "unicorn/catch-error-name": "error",
@@ -303,6 +316,7 @@
         "unicorn/consistent-empty-array-spread": "error",
         "unicorn/consistent-existence-index-check": "error",
         "unicorn/consistent-function-scoping": "error",
+        "unicorn/consistent-template-literal-escape": "error",
         "unicorn/custom-error-definition": "off",
         "unicorn/empty-brace-spaces": "error",
         "unicorn/error-message": "error",
@@ -353,6 +367,7 @@
         "unicorn/no-useless-collection-argument": "error",
         "unicorn/no-useless-error-capture-stack-trace": "error",
         "unicorn/no-useless-fallback-in-spread": "error",
+        "unicorn/no-useless-iterator-to-array": "error",
         "unicorn/no-useless-length-check": "error",
         "unicorn/no-useless-promise-resolve-reject": "error",
         "unicorn/no-useless-spread": "error",
@@ -381,6 +396,7 @@
         "unicorn/prefer-dom-node-text-content": "error",
         "unicorn/prefer-event-target": "error",
         "unicorn/prefer-global-this": "error",
+        "unicorn/prefer-import-meta-properties": "off",
         "unicorn/prefer-includes": "error",
         "unicorn/prefer-keyboard-event-key": "error",
         "unicorn/prefer-logical-operator-over-ternary": "error",
@@ -419,16 +435,40 @@
         "unicorn/require-number-to-fixed-digits-argument": "error",
         "unicorn/require-post-message-target-origin": "off",
         "unicorn/switch-case-braces": "error",
+        "unicorn/switch-case-break-position": "error",
         "unicorn/text-encoding-identifier-case": "error",
-        "unicorn/throw-new-error": "error"
+        "unicorn/throw-new-error": "error",
+        "@tanstack/query/exhaustive-deps": "error",
+        "@tanstack/query/no-rest-destructuring": "warn",
+        "@tanstack/query/stable-query-client": "error",
+        "@tanstack/query/no-unstable-deps": "error",
+        "@tanstack/query/infinite-query-property-order": "error",
+        "@tanstack/query/no-void-query-fn": "error",
+        "@tanstack/query/mutation-property-order": "error",
+        "@tanstack/router/create-route-property-order": "warn",
+        "@tanstack/router/route-param-names": "error"
       },
-      "plugins": ["typescript", "import", "jsx-a11y", "react-perf", "unicorn"],
-      "jsPlugins": ["eslint-plugin-react-dom", "eslint-plugin-react-x"],
+      "plugins": [
+        "typescript",
+        "react",
+        "import",
+        "react-perf",
+        "jsx-a11y",
+        "unicorn"
+      ],
+      "jsPlugins": [
+        "eslint-plugin-react-x",
+        "eslint-plugin-react-dom",
+        "eslint-plugin-react-naming-convention",
+        "eslint-plugin-react-jsx",
+        "@tanstack/eslint-plugin-query",
+        "@tanstack/eslint-plugin-router"
+      ],
       "env": {
         "es2026": true,
         "es2020": true,
         "browser": true
       }
     }
   ]
-}
+}

eslint.config.js

@@ -1,5 +1,3 @@
-import pluginQuery from "@tanstack/eslint-plugin-query";
-import pluginRouter from "@tanstack/eslint-plugin-router";
 import oxlint from "eslint-plugin-oxlint";
 import reactHooks from "eslint-plugin-react-hooks";
 import { defineConfig, globalIgnores } from "eslint/config";
@@ -26,10 +24,6 @@ export default defineConfig([
       // React-specific configurations
       reactHooks.configs.flat.recommended,
 
-      // Tanstack-specific ESLint configuration
-      pluginQuery.configs["flat/recommended"],
-      pluginRouter.configs["flat/recommended"],
-
       oxlint.configs["flat/recommended"],
     ],
     languageOptions: {