diff --git a/.oxfmtrc.json b/.oxfmtrc.json
index 5abcac1dd..a7cc8c725 100644
--- a/.oxfmtrc.json
+++ b/.oxfmtrc.json
@@ -17,6 +17,9 @@
     "README.md",
     "next-env.d.ts"
   ],
+  "experimentalTailwindcss": {
+    "functions": ["tw"]
+  },
   "experimentalSortImports": {
     "groups": [
       ["side-effect"],
diff --git a/bun.lock b/bun.lock
index 119c4b31a..9d865a321 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,15 +11,15 @@
         "@radix-ui/react-tooltip": "^1.2.8",
         "@react-native-async-storage/async-storage": "^2.2.0",
         "@react-native-picker/picker": "^2.11.4",
-        "@sentry/react": "^10.34.0",
+        "@sentry/react": "^10.35.0",
         "@visx/gradient": "^3.12.0",
         "@visx/responsive": "^3.12.0",
         "@visx/xychart": "^3.12.0",
         "crypto-js": "^4.2.0",
         "es-toolkit": "^1.44.0",
         "expo": "54.0.31",
-        "expo-font": "^14.0.10",
-        "next": "^16.1.3",
+        "expo-font": "^14.0.11",
+        "next": "^16.1.4",
         "node-emoji": "^2.2.0",
         "postcss": "^8.5.6",
         "react": "19.2.3",
@@ -42,11 +42,11 @@
       },
       "devDependencies": {
         "@expo/next-adapter": "^6.0.0",
-        "@next/bundle-analyzer": "^16.1.3",
+        "@next/bundle-analyzer": "^16.1.4",
         "@prettier/plugin-oxc": "^0.1.3",
         "@types/bun": "^1.3.6",
         "@types/crypto-js": "^4.2.2",
-        "@types/react": "^19.2.8",
+        "@types/react": "^19.2.9",
         "@vercel/blob": "^0.27.3",
         "ajv-cli": "^5.0.0",
         "browserslist": "^4.28.1",
@@ -56,8 +56,8 @@
         "next-compose-plugins": "^2.2.1",
         "next-fonts": "^1.5.1",
         "next-images": "^1.8.5",
-        "oxfmt": "^0.24.0",
-        "oxlint": "^1.39.0",
+        "oxfmt": "^0.26.0",
+        "oxlint": "^1.41.0",
         "oxlint-tsgolint": "^0.11.1",
         "simple-git-hooks": "^2.13.1",
         "typescript": "^5.9.3",
@@ -418,25 +418,25 @@
 
     "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" } }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
 
-    "@next/bundle-analyzer": ["@next/bundle-analyzer@16.1.3", "", { "dependencies": { "webpack-bundle-analyzer": "4.10.1" } }, "sha512-Nq6z7NhMg5X7aISpBXTUi7O3r/kvdXE6Ni9T+ofN2hI0qNNDa6ZIAZOezxcQu2M/I7QDIQ3Nd3FVN5MjSRWYqg=="],
+    "@next/bundle-analyzer": ["@next/bundle-analyzer@16.1.4", "", { "dependencies": { "webpack-bundle-analyzer": "4.10.1" } }, "sha512-JpZKyFfPGVb9Vbbry0vhluvqAUbaGrI368Gjl5UZg+LEZhiBLc74Am+VEtjLp5RWxgn2dC1ymtQh+jeVu74WJQ=="],
 
-    "@next/env": ["@next/env@16.1.3", "", {}, "sha512-BLP14oBOvZWXgfdJf9ao+VD8O30uE+x7PaV++QtACLX329WcRSJRO5YJ+Bcvu0Q+c/lei41TjSiFf6pXqnpbQA=="],
+    "@next/env": ["@next/env@16.1.4", "", {}, "sha512-gkrXnZyxPUy0Gg6SrPQPccbNVLSP3vmW8LU5dwEttEEC1RwDivk8w4O+sZIjFvPrSICXyhQDCG+y3VmjlJf+9A=="],
 
-    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-CpOD3lmig6VflihVoGxiR/l5Jkjfi4uLaOR4ziriMv0YMDoF6cclI+p5t2nstM8TmaFiY6PCTBgRWB57/+LiBA=="],
+    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-T8atLKuvk13XQUdVLCv1ZzMPgLPW0+DWWbHSQXs0/3TjPrKNxTmUIhOEaoEyl3Z82k8h/gEtqyuoZGv6+Ugawg=="],
 
-    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-aF4us2JXh0zn3hNxvL1Bx3BOuh8Lcw3p3Xnurlvca/iptrDH1BrpObwkw9WZra7L7/0qB9kjlREq3hN/4x4x+Q=="],
+    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-AKC/qVjUGUQDSPI6gESTx0xOnOPQ5gttogNS3o6bA83yiaSZJek0Am5yXy82F1KcZCx3DdOwdGPZpQCluonuxg=="],
 
-    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@16.1.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-8VRkcpcfBtYvhGgXAF7U3MBx6+G1lACM1XCo1JyaUr4KmAkTNP8Dv2wdMq7BI+jqRBw3zQE7c57+lmp7jCFfKA=="],
+    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@16.1.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-POQ65+pnYOkZNdngWfMEt7r53bzWiKkVNbjpmCt1Zb3V6lxJNXSsjwRuTQ8P/kguxDC8LRkqaL3vvsFrce4dMQ=="],
 
-    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@16.1.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-UbFx69E2UP7MhzogJRMFvV9KdEn4sLGPicClwgqnLht2TEi204B71HuVfps3ymGAh0c44QRAF+ZmvZZhLLmhNg=="],
+    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@16.1.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-3Wm0zGYVCs6qDFAiSSDL+Z+r46EdtCv/2l+UlIdMbAq9hPJBvGu/rZOeuvCaIUjbArkmXac8HnTyQPJFzFWA0Q=="],
 
-    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.3", "", { "os": "linux", "cpu": "x64" }, "sha512-SzGTfTjR5e9T+sZh5zXqG/oeRQufExxBF6MssXS7HPeZFE98JDhCRZXpSyCfWrWrYrzmnw/RVhlP2AxQm+wkRQ=="],
+    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.4", "", { "os": "linux", "cpu": "x64" }, "sha512-lWAYAezFinaJiD5Gv8HDidtsZdT3CDaCeqoPoJjeB57OqzvMajpIhlZFce5sCAH6VuX4mdkxCRqecCJFwfm2nQ=="],
 
-    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.3", "", { "os": "linux", "cpu": "x64" }, "sha512-HlrDpj0v+JBIvQex1mXHq93Mht5qQmfyci+ZNwGClnAQldSfxI6h0Vupte1dSR4ueNv4q7qp5kTnmLOBIQnGow=="],
+    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.4", "", { "os": "linux", "cpu": "x64" }, "sha512-fHaIpT7x4gA6VQbdEpYUXRGyge/YbRrkG6DXM60XiBqDM2g2NcrsQaIuj375egnGFkJow4RHacgBOEsHfGbiUw=="],
 
-    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@16.1.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-3gFCp83/LSduZMSIa+lBREP7+5e7FxpdBoc9QrCdmp+dapmTK9I+SLpY60Z39GDmTXSZA4huGg9WwmYbr6+WRw=="],
+    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@16.1.4", "", { "os": "win32", "cpu": "arm64" }, "sha512-MCrXxrTSE7jPN1NyXJr39E+aNFBrQZtO154LoCz7n99FuKqJDekgxipoodLNWdQP7/DZ5tKMc/efybx1l159hw=="],
 
-    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.3", "", { "os": "win32", "cpu": "x64" }, "sha512-1SZVfFT8zmMB+Oblrh5OKDvUo5mYQOkX2We6VGzpg7JUVZlqe4DYOFGKYZKTweSx1gbMixyO1jnFT4thU+nNHQ=="],
+    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.4", "", { "os": "win32", "cpu": "x64" }, "sha512-JSVlm9MDhmTXw/sO2PE/MRj+G6XOSMZB+BcZ0a7d6KwVFZVpkHcb2okyoYFBaco6LeiL53BBklRlOrDDbOeE5w=="],
 
     "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
 
@@ -476,21 +476,21 @@
 
     "@oxc-project/types": ["@oxc-project/types@0.99.0", "", {}, "sha512-LLDEhXB7g1m5J+woRSgfKsFPS3LhR9xRhTeIoEBm5WrkwMxn6eZ0Ld0c0K5eHB57ChZX6I3uSmmLjZ8pcjlRcw=="],
 
-    "@oxfmt/darwin-arm64": ["@oxfmt/darwin-arm64@0.24.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-aYXuGf/yq8nsyEcHindGhiz9I+GEqLkVq8CfPbd+6VE259CpPEH+CaGHEO1j6vIOmNr8KHRq+IAjeRO2uJpb8A=="],
+    "@oxfmt/darwin-arm64": ["@oxfmt/darwin-arm64@0.26.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-AAGc+8CffkiWeVgtWf4dPfQwHEE5c/j/8NWH7VGVxxJRCZFdmWcqCXprvL2H6qZFewvDLrFbuSPRCqYCpYGaTQ=="],
 
-    "@oxfmt/darwin-x64": ["@oxfmt/darwin-x64@0.24.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-vs3b8Bs53hbiNvcNeBilzE/+IhDTWKjSBB3v/ztr664nZk65j0xr+5IHMBNz3CFppmX7o/aBta2PxY+t+4KoPg=="],
+    "@oxfmt/darwin-x64": ["@oxfmt/darwin-x64@0.26.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-xFx5ijCTjw577wJvFlZEMmKDnp3HSCcbYdCsLRmC5i3TZZiDe9DEYh3P46uqhzj8BkEw1Vm1ZCWdl48aEYAzvQ=="],
 
-    "@oxfmt/linux-arm64-gnu": ["@oxfmt/linux-arm64-gnu@0.24.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-ItPDOPoQ0wLj/s8osc5ch57uUcA1Wk8r0YdO8vLRpXA3UNg7KPOm1vdbkIZRRiSUphZcuX5ioOEetEK8H7RlTw=="],
+    "@oxfmt/linux-arm64-gnu": ["@oxfmt/linux-arm64-gnu@0.26.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-GubkQeQT5d3B/Jx/IiR7NMkSmXrCZcVI0BPh1i7mpFi8HgD1hQ/LbhiBKAMsMqs5bbugdQOgBEl8bOhe8JhW1g=="],
 
-    "@oxfmt/linux-arm64-musl": ["@oxfmt/linux-arm64-musl@0.24.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-JkQO3WnQjQTJONx8nxdgVBfl6BBFfpp9bKhChYhWeakwJdr7QPOAWJ/v3FGZfr0TbqINwnNR74aVZayDDRyXEA=="],
+    "@oxfmt/linux-arm64-musl": ["@oxfmt/linux-arm64-musl@0.26.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-OEypUwK69bFPj+aa3/LYCnlIUPgoOLu//WNcriwpnWNmt47808Ht7RJSg+MNK8a7pSZHpXJ5/E6CRK/OTwFdaQ=="],
 
-    "@oxfmt/linux-x64-gnu": ["@oxfmt/linux-x64-gnu@0.24.0", "", { "os": "linux", "cpu": "x64" }, "sha512-N/SXlFO+2kak5gMt0oxApi0WXQDhwA0PShR0UbkY0PwtHjfSiDqJSOumyNqgQVoroKr1GNnoRmUqjZIz6DKIcw=="],
+    "@oxfmt/linux-x64-gnu": ["@oxfmt/linux-x64-gnu@0.26.0", "", { "os": "linux", "cpu": "x64" }, "sha512-xO6iEW2bC6ZHyOTPmPWrg/nM6xgzyRPaS84rATy6F8d79wz69LdRdJ3l/PXlkqhi7XoxhvX4ExysA0Nf10ZZEQ=="],
 
-    "@oxfmt/linux-x64-musl": ["@oxfmt/linux-x64-musl@0.24.0", "", { "os": "linux", "cpu": "x64" }, "sha512-WM0pek5YDCQf50XQ7GLCE9sMBCMPW/NPAEPH/Hx6Qyir37lEsP4rUmSECo/QFNTU6KBc9NnsviAyJruWPpCMXw=="],
+    "@oxfmt/linux-x64-musl": ["@oxfmt/linux-x64-musl@0.26.0", "", { "os": "linux", "cpu": "x64" }, "sha512-Z3KuZFC+MIuAyFCXBHY71kCsdRq1ulbsbzTe71v+hrEv7zVBn6yzql+/AZcgfIaKzWO9OXNuz5WWLWDmVALwow=="],
 
-    "@oxfmt/win32-arm64": ["@oxfmt/win32-arm64@0.24.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-vFCseli1KWtwdHrVlT/jWfZ8jP8oYpnPPEjI23mPLW8K/6GEJmmvy0PZP5NpWUFNTzX0lqie58XnrATJYAe9Xw=="],
+    "@oxfmt/win32-arm64": ["@oxfmt/win32-arm64@0.26.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-3zRbqwVWK1mDhRhTknlQFpRFL9GhEB5GfU6U7wawnuEwpvi39q91kJ+SRJvJnhyPCARkjZBd1V8XnweN5IFd1g=="],
 
-    "@oxfmt/win32-x64": ["@oxfmt/win32-x64@0.24.0", "", { "os": "win32", "cpu": "x64" }, "sha512-0tmlNzcyewAnauNeBCq0xmAkmiKzl+H09p0IdHy+QKrTQdtixtf+AOjDAADbRfihkS+heF15Pjc4IyJMdAAJjw=="],
+    "@oxfmt/win32-x64": ["@oxfmt/win32-x64@0.26.0", "", { "os": "win32", "cpu": "x64" }, "sha512-m8TfIljU22i9UEIkD+slGPifTFeaCwIUfxszN3E6ABWP1KQbtwSw9Ak0TdoikibvukF/dtbeyG3WW63jv9DnEg=="],
 
     "@oxlint-tsgolint/darwin-arm64": ["@oxlint-tsgolint/darwin-arm64@0.11.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-UJIOFeJZpFTJIGS+bMdFXcvjslvnXBEouMvzynfQD7RTazcFIRLbokYgEbhrN2P6B352Ut1TUtvR0CLAp/9QfA=="],
 
@@ -504,21 +504,21 @@
 
     "@oxlint-tsgolint/win32-x64": ["@oxlint-tsgolint/win32-x64@0.11.1", "", { "os": "win32", "cpu": "x64" }, "sha512-m2apsAXg6qU3ulQG45W/qshyEpOjoL+uaQyXJG5dBoDoa66XPtCaSkBlKltD0EwGu0aoB8lM4I5I3OzQ6raNhw=="],
 
-    "@oxlint/darwin-arm64": ["@oxlint/darwin-arm64@1.39.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-lT3hNhIa02xCujI6YGgjmYGg3Ht/X9ag5ipUVETaMpx5Rd4BbTNWUPif1WN1YZHxt3KLCIqaAe7zVhatv83HOQ=="],
+    "@oxlint/darwin-arm64": ["@oxlint/darwin-arm64@1.41.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-K0Bs0cNW11oWdSrKmrollKF44HMM2HKr4QidZQHMlhJcSX8pozxv0V5FLdqB4sddzCY0J9Wuuw+oRAfR8sdRwA=="],
 
-    "@oxlint/darwin-x64": ["@oxlint/darwin-x64@1.39.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-UT+rfTWd+Yr7iJeSLd/7nF8X4gTYssKh+n77hxl6Oilp3NnG1CKRHxZDy3o3lIBnwgzJkdyUAiYWO1bTMXQ1lA=="],
+    "@oxlint/darwin-x64": ["@oxlint/darwin-x64@1.41.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-1LCCXCe9nN8LbrJ1QOGari2HqnxrZrveYKysWDIg8gFsQglIg00XF/8lRbA0kWHMdLgt4X0wfNYhhFz+c3XXLQ=="],
 
-    "@oxlint/linux-arm64-gnu": ["@oxlint/linux-arm64-gnu@1.39.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-qocBkvS2V6rH0t9AT3DfQunMnj3xkM7srs5/Ycj2j5ZqMoaWd/FxHNVJDFP++35roKSvsRJoS0mtA8/77jqm6Q=="],
+    "@oxlint/linux-arm64-gnu": ["@oxlint/linux-arm64-gnu@1.41.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-Fow7H84Bs8XxuaK1yfSEWBC8HI7rfEQB9eR2A0J61un1WgCas7jNrt1HbT6+p6KmUH2bhR+r/RDu/6JFAvvj4g=="],
 
-    "@oxlint/linux-arm64-musl": ["@oxlint/linux-arm64-musl@1.39.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-arZzAc1PPcz9epvGBBCMHICeyQloKtHX3eoOe62B3Dskn7gf6Q14wnDHr1r9Vp4vtcBATNq6HlKV14smdlC/qA=="],
+    "@oxlint/linux-arm64-musl": ["@oxlint/linux-arm64-musl@1.41.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-WoRRDNwgP5W3rjRh42Zdx8ferYnqpKoYCv2QQLenmdrLjRGYwAd52uywfkcS45mKEWHeY1RPwPkYCSROXiGb2w=="],
 
-    "@oxlint/linux-x64-gnu": ["@oxlint/linux-x64-gnu@1.39.0", "", { "os": "linux", "cpu": "x64" }, "sha512-ZVt5qsECpuNprdWxAPpDBwoixr1VTcZ4qAEQA2l/wmFyVPDYFD3oBY/SWACNnWBddMrswjTg9O8ALxYWoEpmXw=="],
+    "@oxlint/linux-x64-gnu": ["@oxlint/linux-x64-gnu@1.41.0", "", { "os": "linux", "cpu": "x64" }, "sha512-75k3CKj3fOc/a/2aSgO81s3HsTZOFROthPJ+UI2Oatic1LhvH6eKjKfx3jDDyVpzeDS2qekPlc/y3N33iZz5Og=="],
 
-    "@oxlint/linux-x64-musl": ["@oxlint/linux-x64-musl@1.39.0", "", { "os": "linux", "cpu": "x64" }, "sha512-pB0hlGyKPbxr9NMIV783lD6cWL3MpaqnZRM9MWni4yBdHPTKyFNYdg5hGD0Bwg+UP4S2rOevq/+OO9x9Bi7E6g=="],
+    "@oxlint/linux-x64-musl": ["@oxlint/linux-x64-musl@1.41.0", "", { "os": "linux", "cpu": "x64" }, "sha512-8r82eBwGPoAPn67ZvdxTlX/Z3gVb+ZtN6nbkyFzwwHWAh8yGutX+VBcVkyrePSl6XgBP4QAaddPnHmkvJjqY0g=="],
 
-    "@oxlint/win32-arm64": ["@oxlint/win32-arm64@1.39.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-Gg2SFaJohI9+tIQVKXlPw3FsPQFi/eCSWiCgwPtPn5uzQxHRTeQEZKuluz1fuzR5U70TXubb2liZi4Dgl8LJQA=="],
+    "@oxlint/win32-arm64": ["@oxlint/win32-arm64@1.41.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-aK+DAcckQsNCOXKruatyYuY/ROjNiRejQB1PeJtkZwM21+8rV9ODYbvKNvt0pW+YCws7svftBSFMCpl3ke2unw=="],
 
-    "@oxlint/win32-x64": ["@oxlint/win32-x64@1.39.0", "", { "os": "win32", "cpu": "x64" }, "sha512-sbi25lfj74hH+6qQtb7s1wEvd1j8OQbTaH8v3xTcDjrwm579Cyh0HBv1YSZ2+gsnVwfVDiCTL1D0JsNqYXszVA=="],
+    "@oxlint/win32-x64": ["@oxlint/win32-x64@1.41.0", "", { "os": "win32", "cpu": "x64" }, "sha512-dVBXkZ6MGLd3owV7jvuqJsZwiF3qw7kEkDVsYVpS/O96eEvlHcxVbaPjJjrTBgikXqyC22vg3dxBU7MW0utGfw=="],
 
     "@polka/url": ["@polka/url@1.0.0-next.29", "", {}, "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="],
 
@@ -608,19 +608,19 @@
 
     "@react-spring/web": ["@react-spring/web@9.7.5", "", { "dependencies": { "@react-spring/animated": "~9.7.5", "@react-spring/core": "~9.7.5", "@react-spring/shared": "~9.7.5", "@react-spring/types": "~9.7.5" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, "sha512-lmvqGwpe+CSttsWNZVr+Dg62adtKhauGwLyGE/RRyZ8AAMLgb9x3NDMA5RMElXo+IMyTkPp7nxTB8ZQlmhb6JQ=="],
 
-    "@sentry-internal/browser-utils": ["@sentry-internal/browser-utils@10.34.0", "", { "dependencies": { "@sentry/core": "10.34.0" } }, "sha512-0YNr60rGHyedmwkO0lbDBjNx2KAmT3kWamjaqu7Aw+jsESoPLgt+fzaTVvUBvkftBDui2PeTSzXm/nqzssctYg=="],
+    "@sentry-internal/browser-utils": ["@sentry-internal/browser-utils@10.35.0", "", { "dependencies": { "@sentry/core": "10.35.0" } }, "sha512-YjVbyqpJu6E6U/BCdOgIUuUQPUDZ7XdFiBYXtGy59xqQB1qSqNfei163hkfnXxIN90csDubxWNrnit+W5Wo/uQ=="],
 
-    "@sentry-internal/feedback": ["@sentry-internal/feedback@10.34.0", "", { "dependencies": { "@sentry/core": "10.34.0" } }, "sha512-wgGnq+iNxsFSOe9WX/FOvtoItSTjgLJJ4dQkVYtcVM6WGBVIg4wgNYfECCnRNztUTPzpZHLjC9r+4Pym451DDQ=="],
+    "@sentry-internal/feedback": ["@sentry-internal/feedback@10.35.0", "", { "dependencies": { "@sentry/core": "10.35.0" } }, "sha512-h/rtGcgvGtZIY9njxnzHHMzMwFYAYG/UwDaNtpf8jN63JD6cTQDQ8wNWp0arD9gmUr96YjER55BNRRF8oSg6Fw=="],
 
-    "@sentry-internal/replay": ["@sentry-internal/replay@10.34.0", "", { "dependencies": { "@sentry-internal/browser-utils": "10.34.0", "@sentry/core": "10.34.0" } }, "sha512-Vmea0GcOg57z/S1bVSj3saFcRvDqdLzdy4wd9fQMpMgy5OCbTlo7lxVUndKzbcZnanma6zF6VxwnWER1WuN9RA=="],
+    "@sentry-internal/replay": ["@sentry-internal/replay@10.35.0", "", { "dependencies": { "@sentry-internal/browser-utils": "10.35.0", "@sentry/core": "10.35.0" } }, "sha512-9hGP3lD+7o/4ovGTdwv3T9K2t9LxSlR/CAcRQeFApW2c0AGsjTdcglOxsgxYei4YmaISx0CBJ/YqJfQVYxaxWw=="],
 
-    "@sentry-internal/replay-canvas": ["@sentry-internal/replay-canvas@10.34.0", "", { "dependencies": { "@sentry-internal/replay": "10.34.0", "@sentry/core": "10.34.0" } }, "sha512-XWH/9njtgMD+LLWjc4KKgBpb+dTCkoUEIFDxcvzG/87d+jirmzf0+r8EfpLwKG+GrqNiiGRV39zIqu0SfPl+cw=="],
+    "@sentry-internal/replay-canvas": ["@sentry-internal/replay-canvas@10.35.0", "", { "dependencies": { "@sentry-internal/replay": "10.35.0", "@sentry/core": "10.35.0" } }, "sha512-efaz8ETDLd0rSpoqX4m8fMnq7abzUJAdqeChz9Jdq6OgvHeBgM6tTfqWSes6sFnSCvFUVkdFngZQfgmBxWGuEA=="],
 
-    "@sentry/browser": ["@sentry/browser@10.34.0", "", { "dependencies": { "@sentry-internal/browser-utils": "10.34.0", "@sentry-internal/feedback": "10.34.0", "@sentry-internal/replay": "10.34.0", "@sentry-internal/replay-canvas": "10.34.0", "@sentry/core": "10.34.0" } }, "sha512-8WCsAXli5Z+eIN8dMY8KGQjrS3XgUp1np/pjdeWNrVPVR8q8XpS34qc+f+y/LFrYQC9bs2Of5aIBwRtDCIvRsg=="],
+    "@sentry/browser": ["@sentry/browser@10.35.0", "", { "dependencies": { "@sentry-internal/browser-utils": "10.35.0", "@sentry-internal/feedback": "10.35.0", "@sentry-internal/replay": "10.35.0", "@sentry-internal/replay-canvas": "10.35.0", "@sentry/core": "10.35.0" } }, "sha512-3wCdmKOTqg6Fvmb9HLHzCVIpSSYCPhXFQ95VaYsb1rESIgL7BMS9nyqhecPcPR3oJppU2a/TqZk4YH3nFrPXmA=="],
 
-    "@sentry/core": ["@sentry/core@10.34.0", "", {}, "sha512-4FFpYBMf0VFdPcsr4grDYDOR87mRu6oCfb51oQjU/Pndmty7UgYo0Bst3LEC/8v0SpytBtzXq+Wx/fkwulBesg=="],
+    "@sentry/core": ["@sentry/core@10.35.0", "", {}, "sha512-lEK1WFqt6oHtMq5dDLVE/FDzHDGs1PlYT5cZH4aBirYtJVyUiTf0NknKFob4a2zTywczlq7SbLv6Ba8UMU9dYg=="],
 
-    "@sentry/react": ["@sentry/react@10.34.0", "", { "dependencies": { "@sentry/browser": "10.34.0", "@sentry/core": "10.34.0" }, "peerDependencies": { "react": "^16.14.0 || 17.x || 18.x || 19.x" } }, "sha512-LDpg9WDrEwo6lr/YOAA54id/g5D1PGKEIiOGxqRZbBVyjzrsquwzhSG2CMqnp+YO6lz/r96LWuqm2cvfpht2zA=="],
+    "@sentry/react": ["@sentry/react@10.35.0", "", { "dependencies": { "@sentry/browser": "10.35.0", "@sentry/core": "10.35.0" }, "peerDependencies": { "react": "^16.14.0 || 17.x || 18.x || 19.x" } }, "sha512-RJsJVZRVe646euf1HLlhbjeAHn2ABd54Y7Zpy4XUJaL4FdKqaaFmqeHKi6IxXFf6IE35onk/kn8CfR7xWBhe2g=="],
 
     "@shikijs/core": ["@shikijs/core@3.21.0", "", { "dependencies": { "@shikijs/types": "3.21.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4", "hast-util-to-html": "^9.0.5" } }, "sha512-AXSQu/2n1UIQekY8euBJlvFYZIw0PHY63jUzGbrOma4wPxzznJXTXkri+QcHeBNaFxiiOljKxxJkVSoB3PjbyA=="],
 
@@ -718,7 +718,7 @@
 
     "@types/node": ["@types/node@25.0.3", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA=="],
 
-    "@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+    "@types/react": ["@types/react@19.2.9", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-Lpo8kgb/igvMIPeNV2rsYKTgaORYdO1XGVZ4Qz3akwOj0ySGYMPlQWa8BaLn0G63D1aSaAQ5ldR06wCpChQCjA=="],
 
     "@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],
 
@@ -1150,7 +1150,7 @@
 
     "expo-file-system": ["expo-file-system@19.0.21", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-s3DlrDdiscBHtab/6W1osrjGL+C2bvoInPJD7sOwmxfJ5Woynv2oc+Fz1/xVXaE/V7HE/+xrHC/H45tu6lZzzg=="],
 
-    "expo-font": ["expo-font@14.0.10", "", { "dependencies": { "fontfaceobserver": "^2.1.0" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-UqyNaaLKRpj4pKAP4HZSLnuDQqueaO5tB1c/NWu5vh1/LF9ulItyyg2kF/IpeOp0DeOLk0GY0HrIXaKUMrwB+Q=="],
+    "expo-font": ["expo-font@14.0.11", "", { "dependencies": { "fontfaceobserver": "^2.1.0" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-ga0q61ny4s/kr4k8JX9hVH69exVSIfcIc19+qZ7gt71Mqtm7xy2c6kwsPTCyhBW2Ro5yXTT8EaZOpuRi35rHbg=="],
 
     "expo-keep-awake": ["expo-keep-awake@15.0.8", "", { "peerDependencies": { "expo": "*", "react": "*" } }, "sha512-YK9M1VrnoH1vLJiQzChZgzDvVimVoriibiDIFLbQMpjYBnvyfUeHJcin/Gx1a+XgupNXy92EQJLgI/9ZuXajYQ=="],
 
@@ -1612,7 +1612,7 @@
 
     "nested-error-stacks": ["nested-error-stacks@2.0.1", "", {}, "sha512-SrQrok4CATudVzBS7coSz26QRSmlK9TzzoFbeKfcPBUFPjcQM9Rqvr/DlJkOrwI/0KcgvMub1n1g5Jt9EgRn4A=="],
 
-    "next": ["next@16.1.3", "", { "dependencies": { "@next/env": "16.1.3", "@swc/helpers": "0.5.15", "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "16.1.3", "@next/swc-darwin-x64": "16.1.3", "@next/swc-linux-arm64-gnu": "16.1.3", "@next/swc-linux-arm64-musl": "16.1.3", "@next/swc-linux-x64-gnu": "16.1.3", "@next/swc-linux-x64-musl": "16.1.3", "@next/swc-win32-arm64-msvc": "16.1.3", "@next/swc-win32-x64-msvc": "16.1.3", "sharp": "^0.34.4" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-gthG3TRD+E3/mA0uDQb9lqBmx1zVosq5kIwxNN6+MRNd085GzD+9VXMPUs+GGZCbZ+GDZdODUq4Pm7CTXK6ipw=="],
+    "next": ["next@16.1.4", "", { "dependencies": { "@next/env": "16.1.4", "@swc/helpers": "0.5.15", "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "16.1.4", "@next/swc-darwin-x64": "16.1.4", "@next/swc-linux-arm64-gnu": "16.1.4", "@next/swc-linux-arm64-musl": "16.1.4", "@next/swc-linux-x64-gnu": "16.1.4", "@next/swc-linux-x64-musl": "16.1.4", "@next/swc-win32-arm64-msvc": "16.1.4", "@next/swc-win32-x64-msvc": "16.1.4", "sharp": "^0.34.4" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-gKSecROqisnV7Buen5BfjmXAm7Xlpx9o2ueVQRo5DxQcjC8d330dOM1xiGWc2k3Dcnz0In3VybyRPOsudwgiqQ=="],
 
     "next-compose-plugins": ["next-compose-plugins@2.2.1", "", {}, "sha512-OjJ+fV15FXO2uQXQagLD4C0abYErBjyjE0I0FHpOEIB8upw0hg1ldFP6cqHTJBH1cZqy96OeR3u1dJ+Ez2D4Bg=="],
 
@@ -1664,9 +1664,9 @@
 
     "oxc-parser": ["oxc-parser@0.99.0", "", { "dependencies": { "@oxc-project/types": "^0.99.0" }, "optionalDependencies": { "@oxc-parser/binding-android-arm64": "0.99.0", "@oxc-parser/binding-darwin-arm64": "0.99.0", "@oxc-parser/binding-darwin-x64": "0.99.0", "@oxc-parser/binding-freebsd-x64": "0.99.0", "@oxc-parser/binding-linux-arm-gnueabihf": "0.99.0", "@oxc-parser/binding-linux-arm-musleabihf": "0.99.0", "@oxc-parser/binding-linux-arm64-gnu": "0.99.0", "@oxc-parser/binding-linux-arm64-musl": "0.99.0", "@oxc-parser/binding-linux-riscv64-gnu": "0.99.0", "@oxc-parser/binding-linux-s390x-gnu": "0.99.0", "@oxc-parser/binding-linux-x64-gnu": "0.99.0", "@oxc-parser/binding-linux-x64-musl": "0.99.0", "@oxc-parser/binding-wasm32-wasi": "0.99.0", "@oxc-parser/binding-win32-arm64-msvc": "0.99.0", "@oxc-parser/binding-win32-x64-msvc": "0.99.0" } }, "sha512-MpS1lbd2vR0NZn1v0drpgu7RUFu3x9Rd0kxExObZc2+F+DIrV0BOMval/RO3BYGwssIOerII6iS8EbbpCCZQpQ=="],
 
-    "oxfmt": ["oxfmt@0.24.0", "", { "dependencies": { "tinypool": "2.0.0" }, "optionalDependencies": { "@oxfmt/darwin-arm64": "0.24.0", "@oxfmt/darwin-x64": "0.24.0", "@oxfmt/linux-arm64-gnu": "0.24.0", "@oxfmt/linux-arm64-musl": "0.24.0", "@oxfmt/linux-x64-gnu": "0.24.0", "@oxfmt/linux-x64-musl": "0.24.0", "@oxfmt/win32-arm64": "0.24.0", "@oxfmt/win32-x64": "0.24.0" }, "bin": { "oxfmt": "bin/oxfmt" } }, "sha512-UjeM3Peez8Tl7IJ9s5UwAoZSiDRMww7BEc21gDYxLq3S3/KqJnM3mjNxsoSHgmBvSeX6RBhoVc2MfC/+96RdSw=="],
+    "oxfmt": ["oxfmt@0.26.0", "", { "dependencies": { "tinypool": "2.0.0" }, "optionalDependencies": { "@oxfmt/darwin-arm64": "0.26.0", "@oxfmt/darwin-x64": "0.26.0", "@oxfmt/linux-arm64-gnu": "0.26.0", "@oxfmt/linux-arm64-musl": "0.26.0", "@oxfmt/linux-x64-gnu": "0.26.0", "@oxfmt/linux-x64-musl": "0.26.0", "@oxfmt/win32-arm64": "0.26.0", "@oxfmt/win32-x64": "0.26.0" }, "bin": { "oxfmt": "bin/oxfmt" } }, "sha512-UDD1wFNwfeorMm2ZY0xy1KRAAvJ5NjKBfbDmiMwGP7baEHTq65cYpC0aPP+BGHc8weXUbSZaK8MdGyvuRUvS4Q=="],
 
-    "oxlint": ["oxlint@1.39.0", "", { "optionalDependencies": { "@oxlint/darwin-arm64": "1.39.0", "@oxlint/darwin-x64": "1.39.0", "@oxlint/linux-arm64-gnu": "1.39.0", "@oxlint/linux-arm64-musl": "1.39.0", "@oxlint/linux-x64-gnu": "1.39.0", "@oxlint/linux-x64-musl": "1.39.0", "@oxlint/win32-arm64": "1.39.0", "@oxlint/win32-x64": "1.39.0" }, "peerDependencies": { "oxlint-tsgolint": ">=0.10.0" }, "optionalPeers": ["oxlint-tsgolint"], "bin": { "oxlint": "bin/oxlint" } }, "sha512-wSiLr0wjG+KTU6c1LpVoQk7JZ7l8HCKlAkVDVTJKWmCGazsNxexxnOXl7dsar92mQcRnzko5g077ggP3RINSjA=="],
+    "oxlint": ["oxlint@1.41.0", "", { "optionalDependencies": { "@oxlint/darwin-arm64": "1.41.0", "@oxlint/darwin-x64": "1.41.0", "@oxlint/linux-arm64-gnu": "1.41.0", "@oxlint/linux-arm64-musl": "1.41.0", "@oxlint/linux-x64-gnu": "1.41.0", "@oxlint/linux-x64-musl": "1.41.0", "@oxlint/win32-arm64": "1.41.0", "@oxlint/win32-x64": "1.41.0" }, "peerDependencies": { "oxlint-tsgolint": ">=0.11.1" }, "optionalPeers": ["oxlint-tsgolint"], "bin": { "oxlint": "bin/oxlint" } }, "sha512-Dyaoup82uhgAgp5xLNt4dPdvl5eSJTIzqzL7DcKbkooUE4PDViWURIPlSUF8hu5a+sCnNIp/LlQMDsKoyaLTBA=="],
 
     "oxlint-tsgolint": ["oxlint-tsgolint@0.11.1", "", { "optionalDependencies": { "@oxlint-tsgolint/darwin-arm64": "0.11.1", "@oxlint-tsgolint/darwin-x64": "0.11.1", "@oxlint-tsgolint/linux-arm64": "0.11.1", "@oxlint-tsgolint/linux-x64": "0.11.1", "@oxlint-tsgolint/win32-arm64": "0.11.1", "@oxlint-tsgolint/win32-x64": "0.11.1" }, "bin": { "tsgolint": "bin/tsgolint.js" } }, "sha512-WulCp+0/6RvpM4zPv+dAXybf03QvRA8ATxaBlmj4XMIQqTs5jeq3cUTk48WCt4CpLwKhyyGZPHmjLl1KHQ/cvA=="],
 
@@ -2206,12 +2206,44 @@
 
     "@types/linkifyjs/@types/react": ["@types/react@19.2.7", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg=="],
 
+    "@visx/annotation/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/axis/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/bounds/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
     "@visx/curve/d3-shape": ["d3-shape@1.3.7", "", { "dependencies": { "d3-path": "1" } }, "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw=="],
 
+    "@visx/drag/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/event/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/glyph/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
     "@visx/glyph/d3-shape": ["d3-shape@1.3.7", "", { "dependencies": { "d3-path": "1" } }, "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw=="],
 
+    "@visx/gradient/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/grid/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/group/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/react-spring/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/responsive/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/shape/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
     "@visx/shape/d3-shape": ["d3-shape@1.3.7", "", { "dependencies": { "d3-path": "1" } }, "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw=="],
 
+    "@visx/text/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/tooltip/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/voronoi/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
+    "@visx/xychart/@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+
     "babel-plugin-polyfill-corejs2/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
 
     "babel-plugin-syntax-hermes-parser/hermes-parser": ["hermes-parser@0.32.0", "", { "dependencies": { "hermes-estree": "0.32.0" } }, "sha512-g4nBOWFpuiTqjR3LZdRxKUkij9iyveWeuks7INEsMX741f3r9xxrOe8TeQfUxtda0eXmiIFiMQzoeSQEno33Hw=="],
@@ -2246,6 +2278,8 @@
 
     "esrecurse/estraverse": ["estraverse@5.3.0", "", {}, "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="],
 
+    "expo/expo-font": ["expo-font@14.0.10", "", { "dependencies": { "fontfaceobserver": "^2.1.0" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-UqyNaaLKRpj4pKAP4HZSLnuDQqueaO5tB1c/NWu5vh1/LF9ulItyyg2kF/IpeOp0DeOLk0GY0HrIXaKUMrwB+Q=="],
+
     "expo-modules-autolinking/commander": ["commander@7.2.0", "", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
diff --git a/common/styleguide.tsx b/common/styleguide.tsx
index 0fb031906..573c241de 100644
--- a/common/styleguide.tsx
+++ b/common/styleguide.tsx
@@ -56,7 +56,7 @@ export function createTextComponent(
         id={id}
         numberOfLines={numberOfLines}
         style={[
-          tw`font-sans font-normal my-0 text-black dark:text-white`,
+          tw`font-sans my-0 font-normal text-black dark:text-white`,
           elementStyle as StyleProp<Style>,
           textStyle,
           style,
diff --git a/components/Button.tsx b/components/Button.tsx
index 820da276b..012f56b2e 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -24,7 +24,7 @@ export function Button({
 }: Props) {
   const isLink = !!href;
   const buttonStyle = [
-    tw`justify-center items-center rounded outline-offset-1 cursor-pointer select-none bg-primary-darker dark:bg-primary-dark`,
+    tw`cursor-pointer select-none items-center justify-center rounded bg-primary-darker outline-offset-1 dark:bg-primary-dark`,
     style,
   ] as ViewStyle[];
 
@@ -39,7 +39,7 @@ export function Button({
         <A
           href={href}
           role="button"
-          style={[tw`rounded font-sans no-underline`, containerStyle]}
+          style={[tw`font-sans rounded no-underline`, containerStyle]}
           {...(openInNewTab ? { target: '_blank' } : {})}
           {...(href?.startsWith('#') ? { target: '_self' } : {})}
           {...rest}>
diff --git a/components/CheckBox.tsx b/components/CheckBox.tsx
index c15061193..c301fa907 100644
--- a/components/CheckBox.tsx
+++ b/components/CheckBox.tsx
@@ -13,7 +13,7 @@ export default function CheckBox({ style, value }: Props) {
   return (
     <View
       style={[
-        tw`size-[18px] items-center justify-center border-2 rounded-sm mr-2`,
+        tw`mr-2 size-[18px] items-center justify-center rounded-sm border-2`,
         value
           ? tw`border-primary-dark bg-primary-dark`
           : tw`border-palette-gray4 bg-white dark:border-default dark:bg-dark`,
diff --git a/components/CompatibilityTags.tsx b/components/CompatibilityTags.tsx
index 55e5e1b19..5b432fca2 100644
--- a/components/CompatibilityTags.tsx
+++ b/components/CompatibilityTags.tsx
@@ -29,14 +29,14 @@ export default function CompatibilityTags({ library }: Props) {
       {library.dev ? (
         <Tag
           label="Development Tool"
-          tagStyle={tw`bg-[#ece3fc] border-[#d9c8fa] dark:bg-[#261a3d] dark:border-[#3d2861]`}
+          tagStyle={tw`border-[#d9c8fa] bg-[#ece3fc] dark:border-[#3d2861] dark:bg-[#261a3d]`}
           icon={null}
         />
       ) : null}
       {library.template ? (
         <Tag
           label="Template"
-          tagStyle={tw`bg-[#fce1f5] border-[#f5c6e8] dark:bg-[#37172e] dark:border-[#52213e]`}
+          tagStyle={tw`border-[#f5c6e8] bg-[#fce1f5] dark:border-[#52213e] dark:bg-[#37172e]`}
           icon={null}
         />
       ) : null}
@@ -46,7 +46,7 @@ export default function CompatibilityTags({ library }: Props) {
           <Tag
             label={platform}
             key={`${platform}-platform`}
-            tagStyle={tw`bg-palette-gray1 border-palette-gray2 dark:bg-dark dark:border-default`}
+            tagStyle={tw`border-palette-gray2 bg-palette-gray1 dark:border-default dark:bg-dark`}
           />
         ) : null
       )}
@@ -55,7 +55,7 @@ export default function CompatibilityTags({ library }: Props) {
           side="bottom"
           trigger={
             <View
-              style={tw`items-center justify-center cursor-pointer rounded-full`}
+              style={tw`cursor-pointer items-center justify-center rounded-full`}
               role="button"
               aria-label="Additional information">
               <Info style={tw`text-icon`} />
@@ -74,7 +74,7 @@ export default function CompatibilityTags({ library }: Props) {
                 <br />
                 <A
                   href={`https://www.npmjs.com/package/${library.vegaos}`}
-                  style={tw`text-xs text-white font-light`}>
+                  style={tw`text-xs font-light text-white`}>
                   (via dedicated support package)
                 </A>
               </li>
diff --git a/components/ContentContainer.tsx b/components/ContentContainer.tsx
index 1b27fdcd1..565bb775b 100644
--- a/components/ContentContainer.tsx
+++ b/components/ContentContainer.tsx
@@ -4,5 +4,5 @@ import { View, type ViewProps } from 'react-native';
 import tw from '~/util/tailwind';
 
 export default function ContentContainer({ children, style }: PropsWithChildren<ViewProps>) {
-  return <View style={[tw`w-full mx-auto max-w-layout flex-1`, style]}>{children}</View>;
+  return <View style={[tw`mx-auto w-full max-w-layout flex-1`, style]}>{children}</View>;
 }
diff --git a/components/Explore/ExploreSection.tsx b/components/Explore/ExploreSection.tsx
index bc2e83869..9c11f90ac 100644
--- a/components/Explore/ExploreSection.tsx
+++ b/components/Explore/ExploreSection.tsx
@@ -41,20 +41,20 @@ export default function ExploreSection({
 
   return (
     <>
-      <H3 style={tw`flex gap-3 pt-3 pb-2 px-2 items-center`} id={hashLink}>
-        {icon && createElement(icon, { style: tw`size-7.5 text-icon mt-px` })}
+      <H3 style={tw`flex items-center gap-3 px-2 pb-2 pt-3`} id={hashLink}>
+        {icon && createElement(icon, { style: tw`size-7.5 mt-px text-icon` })}
         <A
           href={`#${hashLink}`}
           target="_self"
-          style={tw`no-underline text-icon`}
+          style={tw`text-icon no-underline`}
           hoverStyle={tw`text-palette-gray4 dark:text-palette-gray5`}>
           {title}
         </A>
       </H3>
-      <View style={tw`pt-3 flex-1 flex-row flex-wrap`}>
+      <View style={tw`flex-1 flex-row flex-wrap pt-3`}>
         {renderLibs(data.filter(filter), count)}
       </View>
-      <P style={tw`px-6 pt-2 pb-6 text-sm font-light text-secondary`}>
+      <P style={tw`px-6 pb-6 pt-2 text-sm font-light text-secondary`}>
         Want to see more? Check out other{' '}
         <A href={urlWithQuery('/packages', { ...queryParams, ...DEFAULT_PARAMS })} target="_self">
           {title} libraries
diff --git a/components/Filters/FilterButton.tsx b/components/Filters/FilterButton.tsx
index 2bc88a227..d205c89c0 100644
--- a/components/Filters/FilterButton.tsx
+++ b/components/Filters/FilterButton.tsx
@@ -46,7 +46,7 @@ export function FilterButton({ isFilterVisible, query, onPress, onClearAllPress,
         onPress={onPress}
         containerStyle={tw`h-full flex-grow`}
         style={[
-          tw`h-full px-2 bg-accented`,
+          tw`h-full bg-accented px-2`,
           isFilterVisible && tw`bg-primary-dark`,
           isFilterCount && tw`rounded-r-none`,
         ]}>
@@ -58,14 +58,14 @@ export function FilterButton({ isFilterVisible, query, onPress, onClearAllPress,
               height={12}
             />
           </View>
-          <P style={tw`text-sm ml-1.5 text-white select-none`}>
+          <P style={tw`ml-1.5 select-none text-sm text-white`}>
             Filters{isFilterCount ? `: ${filterCount}` : ''}
           </P>
         </View>
       </Button>
       {filterCount > 0 && (
         <View
-          style={tw`h-full justify-center items-center rounded-r border-l border-palette-gray6 bg-accented dark:border-dark`}>
+          style={tw`h-full items-center justify-center rounded-r border-l border-palette-gray6 bg-accented dark:border-dark`}>
           <ClearButton onPress={onClearAllPress} />
         </View>
       )}
diff --git a/components/Filters/FiltersSection.tsx b/components/Filters/FiltersSection.tsx
index 64ffc1fe5..65012711d 100644
--- a/components/Filters/FiltersSection.tsx
+++ b/components/Filters/FiltersSection.tsx
@@ -13,7 +13,7 @@ export default function FiltersSection({ title, children, rightSlot }: Props) {
   const { isSmallScreen } = useLayout();
 
   return (
-    <View style={[tw`px-4 py-2 max-w-layout`, isSmallScreen && tw`max-w-full`]}>
+    <View style={[tw`max-w-layout px-4 py-2`, isSmallScreen && tw`max-w-full`]}>
       <Headline style={[tw`mb-2 font-semibold text-secondary`, rightSlot && tw`mb-1`]}>
         {title}
         {rightSlot}
diff --git a/components/Filters/ToggleLink.tsx b/components/Filters/ToggleLink.tsx
index 083e123b0..6608a4f12 100644
--- a/components/Filters/ToggleLink.tsx
+++ b/components/Filters/ToggleLink.tsx
@@ -25,9 +25,9 @@ export function ToggleLink({ query, filterParam, basePath = '/packages' }: Props
         [filterParam.param]: !isSelected,
         offset: null,
       })}
-      style={tw`no-underline mr-4 my-1`}>
+      style={tw`my-1 mr-4 no-underline`}>
       <View
-        style={tw`cursor-pointer items-center flex-row`}
+        style={tw`cursor-pointer flex-row items-center`}
         onPointerEnter={() => setHovered(true)}
         onPointerLeave={() => setHovered(false)}>
         <CheckBox value={isSelected} style={isHovered && tw`border-primary-dark`} />
diff --git a/components/Filters/index.tsx b/components/Filters/index.tsx
index 2d72d5f04..7b7f8d99e 100644
--- a/components/Filters/index.tsx
+++ b/components/Filters/index.tsx
@@ -27,8 +27,8 @@ export function Filters({ query, style, basePath = '/packages' }: FiltersProps)
   const isMainSearch = basePath === '/packages';
 
   return (
-    <View style={[tw`py-2 flex-1 items-center bg-palette-gray1 dark:bg-very-dark`, style]}>
-      <View style={tw`w-full max-w-layout content-start flex-row flex-wrap`}>
+    <View style={[tw`flex-1 items-center bg-palette-gray1 py-2 dark:bg-very-dark`, style]}>
+      <View style={tw`w-full max-w-layout flex-row flex-wrap content-start`}>
         <FiltersSection title="Platform">
           {FILTER_PLATFORMS.map(platform => (
             <ToggleLink
@@ -69,7 +69,7 @@ export function Filters({ query, style, basePath = '/packages' }: FiltersProps)
           />
         ))}
       </FiltersSection>
-      <View style={tw`w-full max-w-layout content-start flex-row flex-wrap`}>
+      <View style={tw`w-full max-w-layout flex-row flex-wrap content-start`}>
         <FiltersSection title="Compatibility">
           {FILTER_COMPATIBILITY.map(compatibility => (
             <ToggleLink
@@ -85,7 +85,7 @@ export function Filters({ query, style, basePath = '/packages' }: FiltersProps)
           rightSlot={
             <Tag
               label="Experimental"
-              tagStyle={tw`ml-2 -top-px py-0 min-h-5.5 bg-[#ece3fc] border-[#d9c8fa] dark:bg-[#261a3d] dark:border-[#3d2861]`}
+              tagStyle={tw`min-h-5.5 -top-px ml-2 border-[#d9c8fa] bg-[#ece3fc] py-0 dark:border-[#3d2861] dark:bg-[#261a3d]`}
               icon={null}
             />
           }>
diff --git a/components/Footer/PlatformTile.tsx b/components/Footer/PlatformTile.tsx
index 6a719040d..5cf41cde9 100644
--- a/components/Footer/PlatformTile.tsx
+++ b/components/Footer/PlatformTile.tsx
@@ -15,12 +15,12 @@ type Props = {
 export default function Platform({ name, pkgName, url, Icon }: Props) {
   return (
     <A href={url} hoverStyle={tw`rounded-lg bg-palette-gray2 dark:bg-default`}>
-      <View style={tw`min-w-[160px] px-2 py-4 rounded-lg items-center`}>
+      <View style={tw`min-w-[160px] items-center rounded-lg px-2 py-4`}>
         {createElement(Icon, {
           style: tw`size-8 text-icon`,
         })}
         <P style={tw`mt-3`}>{name}</P>
-        <P style={tw`text-xs font-mono rounded-sm px-2 leading-loose`}>{pkgName}</P>
+        <P style={tw`font-mono rounded-sm px-2 text-xs leading-loose`}>{pkgName}</P>
       </View>
     </A>
   );
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index c66a907fa..b580c048d 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -21,9 +21,9 @@ export default function Footer() {
   const { isSmallScreen } = useLayout();
 
   return (
-    <View style={tw`w-full pt-8 pb-7 mt-1 bg-palette-gray1 dark:bg-dark`}>
+    <View style={tw`mt-1 w-full bg-palette-gray1 pb-7 pt-8 dark:bg-dark`}>
       <ContentContainer>
-        <View style={tw`flex-row mt-1 justify-center flex-wrap gap-3.5 mb-7 max-w-footer mx-auto`}>
+        <View style={tw`mx-auto mb-7 mt-1 max-w-footer flex-row flex-wrap justify-center gap-3.5`}>
           <PlatformTile
             name="Android"
             pkgName="react-native"
@@ -67,8 +67,8 @@ export default function Footer() {
             url="https://github.com/microsoft/react-native-windows#readme"
           />
         </View>
-        <View style={[tw`flex-row px-4 mt-3`, isSmallScreen && tw`flex-col`]}>
-          <View style={[tw`flex-col flex-1`, isSmallScreen && tw`items-center`]}>
+        <View style={[tw`mt-3 flex-row px-4`, isSmallScreen && tw`flex-col`]}>
+          <View style={[tw`flex-1 flex-col`, isSmallScreen && tw`items-center`]}>
             <P style={tw`py-1.5 text-[13px] font-light text-secondary`}>
               Missing a library?{' '}
               <A href="https://github.com/react-native-community/react-native-directory#how-do-i-add-a-library">
@@ -86,7 +86,7 @@ export default function Footer() {
               and <A href="https://expo.dev">Expo</A>.
             </P>
           </View>
-          <View style={[tw`self-center`, isSmallScreen && tw`items-center mt-6`]}>
+          <View style={[tw`self-center`, isSmallScreen && tw`mt-6 items-center`]}>
             <A
               href="https://vercel.com/?utm_source=rndir&utm_campaign=oss"
               aria-label="Vercel banner"
@@ -95,7 +95,7 @@ export default function Footer() {
             </A>
           </View>
         </View>
-        <View style={tw`items-center pt-12 pb-8`}>
+        <View style={tw`items-center pb-8 pt-12`}>
           <Logo style={tw`text-palette-gray3 dark:text-powder`} width={42} height={38} />
         </View>
       </ContentContainer>
diff --git a/components/Home/HomeSection.tsx b/components/Home/HomeSection.tsx
index b36a04f90..32ddf269f 100644
--- a/components/Home/HomeSection.tsx
+++ b/components/Home/HomeSection.tsx
@@ -26,18 +26,18 @@ export default function HomeSection({ data, title, Icon, count = 8, queryParams
 
   return (
     <>
-      <H4 style={tw`flex gap-2.5 pt-3 pb-2 px-2 items-center font-medium`} id={hashLink}>
-        {Icon && createElement(Icon, { style: tw`size-5 text-icon mt-px` })}
+      <H4 style={tw`flex items-center gap-2.5 px-2 pb-2 pt-3 font-medium`} id={hashLink}>
+        {Icon && createElement(Icon, { style: tw`mt-px size-5 text-icon` })}
         <A
           href={`#${hashLink}`}
           target="_self"
-          style={tw`no-underline text-icon`}
+          style={tw`text-icon no-underline`}
           hoverStyle={tw`text-palette-gray4 dark:text-palette-gray5`}>
           {title}
         </A>
       </H4>
-      <View style={tw`pt-3 flex-1 flex-row flex-wrap`}>{renderLibs(data, count)}</View>
-      <P style={tw`px-6 pt-2 pb-6 text-sm font-light text-secondary`}>
+      <View style={tw`flex-1 flex-row flex-wrap pt-3`}>{renderLibs(data, count)}</View>
+      <P style={tw`px-6 pb-6 pt-2 text-sm font-light text-secondary`}>
         Want to see more? Check out other{' '}
         <A href={urlWithQuery('/packages', { ...queryParams })} target="_self">
           {title.toLowerCase()} libraries
diff --git a/components/Home/PlatformRow.tsx b/components/Home/PlatformRow.tsx
index 6a5a4af24..9de647eba 100644
--- a/components/Home/PlatformRow.tsx
+++ b/components/Home/PlatformRow.tsx
@@ -16,12 +16,12 @@ export default function PlatformRow({ platform, count, Icon }: Props) {
   return (
     <A
       href={urlWithQuery('/packages', { [platform.toLowerCase()]: 'true' })}
-      style={tw`flex justify-between items-center`}>
-      <View style={tw`flex-row gap-2 items-center`}>
-        {Icon && createElement(Icon, { style: tw`size-4 text-icon mt-px` })}
+      style={tw`flex items-center justify-between`}>
+      <View style={tw`flex-row items-center gap-2`}>
+        {Icon && createElement(Icon, { style: tw`mt-px size-4 text-icon` })}
         <span>{platform}</span>
       </View>
-      <Label style={tw`text-secondary font-light`}>{count} packages</Label>
+      <Label style={tw`font-light text-secondary`}>{count} packages</Label>
     </A>
   );
 }
diff --git a/components/Library/LibraryDescription.tsx b/components/Library/LibraryDescription.tsx
index bd469b18f..5b5cbf6d7 100644
--- a/components/Library/LibraryDescription.tsx
+++ b/components/Library/LibraryDescription.tsx
@@ -12,7 +12,7 @@ type Props = {
 
 export default function LibraryDescription({ github, maxLines }: Props) {
   return github.description && github.description.length > 0 ? (
-    <Headline numberOfLines={maxLines} style={tw`font-light text-base leading-snug`}>
+    <Headline numberOfLines={maxLines} style={tw`text-base font-light leading-snug`}>
       <Linkify
         options={{
           linkWrapper: ({ children, ...rest }) => <A {...rest}>{children}</A>,
@@ -21,7 +21,7 @@ export default function LibraryDescription({ github, maxLines }: Props) {
       </Linkify>
     </Headline>
   ) : (
-    <Caption style={tw`font-light text-base leading-snug text-palette-gray4 dark:text-secondary`}>
+    <Caption style={tw`text-base font-light leading-snug text-palette-gray4 dark:text-secondary`}>
       The package does not have a description defined.
     </Caption>
   );
diff --git a/components/Library/LoadingContent.tsx b/components/Library/LoadingContent.tsx
index 47aa5b5a1..4374f622d 100644
--- a/components/Library/LoadingContent.tsx
+++ b/components/Library/LoadingContent.tsx
@@ -20,7 +20,7 @@ export default function LoadingContent({ width = '100%', height = 204, wrapperSt
       backgroundColor={tw.prefixMatch('dark') ? '#2a2e36' : '#f3f3f3'}
       foregroundColor={tw.prefixMatch('dark') ? '#383c42' : '#ecebeb'}
       style={{
-        ...tw`border border-solid rounded-md mb-4 box-border border-palette-gray2 dark:border-default`,
+        ...tw`mb-4 box-border rounded-md border border-solid border-palette-gray2 dark:border-default`,
         ...wrapperStyle,
       }}>
       <rect x="20" y="20" rx="3" ry="3" width="288" height="25" />
diff --git a/components/Library/MetaData.tsx b/components/Library/MetaData.tsx
index 614e41fd0..d85767639 100644
--- a/components/Library/MetaData.tsx
+++ b/components/Library/MetaData.tsx
@@ -279,7 +279,7 @@ export default function MetaData({ library, secondary, skipExamples = false }: P
                 // @ts-expect-error RNW complains about 'fit-content'
                 style={{
                   ...(i + 1 !== data.length ? tw`mb-2 min-h-[22px] overflow-hidden` : {}),
-                  ...tw`flex-row items-center mb-0 pr-[3px]`,
+                  ...tw`mb-0 flex-row items-center pr-[3px]`,
                   width: 'fit-content',
                 }}>
                 <View style={tw`mr-1 min-w-[22px] items-center`}>{icon}</View>
diff --git a/components/Library/NewArchitectureTag.tsx b/components/Library/NewArchitectureTag.tsx
index be52a1567..3e45cbed8 100644
--- a/components/Library/NewArchitectureTag.tsx
+++ b/components/Library/NewArchitectureTag.tsx
@@ -18,7 +18,7 @@ export function NewArchitectureTag({ library }: Props) {
   const icon = getTagIcon(status);
 
   const newArchitectureNote = library.newArchitectureNote && library.newArchitectureNote && (
-    <Label style={tw`flex my-1 text-white`}>{library.newArchitectureNote}</Label>
+    <Label style={tw`my-1 flex text-white`}>{library.newArchitectureNote}</Label>
   );
 
   // Do not show alternatives in New Arch tag for unmaintained libraries since
@@ -26,7 +26,7 @@ export function NewArchitectureTag({ library }: Props) {
   const alternatives = library.alternatives &&
     library.alternatives.length > 0 &&
     !library.unmaintained && (
-      <Label style={tw`flex my-1 text-white`}>
+      <Label style={tw`my-1 flex text-white`}>
         {' '}
         {pluralize('Alternative', library.alternatives.length)}
         {': '}
@@ -70,9 +70,9 @@ function getTagColor(status: NewArchSupportStatus) {
   switch (status) {
     case NewArchSupportStatus.NewArchOnly:
     case NewArchSupportStatus.Supported:
-      return tw`bg-[#edf6fc] border-[#d4ebfa] dark:bg-[#142733] dark:border-[#203b4d]`;
+      return tw`border-[#d4ebfa] bg-[#edf6fc] dark:border-[#203b4d] dark:bg-[#142733]`;
     case NewArchSupportStatus.Unsupported:
-      return tw`bg-[#fffae8] border-[#faebaf] dark:bg-[#292005] dark:border-[#3d3206]`;
+      return tw`border-[#faebaf] bg-[#fffae8] dark:border-[#3d3206] dark:bg-[#292005]`;
     default:
       return tw`border-dashed border-palette-gray2 dark:border-default`;
   }
diff --git a/components/Library/Thumbnail.tsx b/components/Library/Thumbnail.tsx
index 6037fd912..e0d62020d 100644
--- a/components/Library/Thumbnail.tsx
+++ b/components/Library/Thumbnail.tsx
@@ -27,9 +27,9 @@ function Thumbnail({ url }: Props) {
       <HoverCard.Trigger asChild>
         <View
           tabIndex={0}
-          style={tw`mr-2.5 my-1 p-1.5 pb-0 min-h-7.5 box-border overflow-hidden text-center rounded border border-palette-gray2 dark:border-default`}>
+          style={tw`min-h-7.5 my-1 mr-2.5 box-border overflow-hidden rounded border border-palette-gray2 p-1.5 pb-0 text-center dark:border-default`}>
           {showPreview && !isLoaded ? (
-            <div style={tw`w-3.5 mx-px -mt-0.5`}>
+            <div style={tw`mx-px -mt-0.5 w-3.5`}>
               <ActivityIndicator size="small" color={tw`text-primary-dark`.color as ColorValue} />
             </div>
           ) : (
@@ -46,7 +46,7 @@ function Thumbnail({ url }: Props) {
         <HoverCard.Content sideOffset={6} sticky="always">
           <View
             style={[
-              tw`p-2.5 rounded-lg box-border hidden shadow-offset-0/0.5 shadow-radius-2 shadow-palette-gray3 bg-white dark:shadow-accented dark:bg-black`,
+              tw`shadow-offset-0/0.5 shadow-radius-2 box-border hidden rounded-lg bg-white p-2.5 shadow-palette-gray3 dark:bg-black dark:shadow-accented`,
               showPreview && isLoaded && tw`flex`,
               {
                 maxWidth: maxPreviewWidth,
diff --git a/components/Library/TrendingMark.tsx b/components/Library/TrendingMark.tsx
index 28e08e479..db8fff2c5 100644
--- a/components/Library/TrendingMark.tsx
+++ b/components/Library/TrendingMark.tsx
@@ -49,7 +49,7 @@ export default function TrendingMark({ library, style, markOnly = false }: Props
     <View style={[tw`mb-1`, style as ViewStyle]}>{content}</View>
   ) : (
     <HoverEffect>
-      <A href="/scoring" style={[tw`flex relative items-start no-underline`, style as Style]}>
+      <A href="/scoring" style={[tw`relative flex items-start no-underline`, style as Style]}>
         {content}
       </A>
     </HoverEffect>
diff --git a/components/Library/UnmaintainedLabel.tsx b/components/Library/UnmaintainedLabel.tsx
index 01505cfad..4f207662b 100644
--- a/components/Library/UnmaintainedLabel.tsx
+++ b/components/Library/UnmaintainedLabel.tsx
@@ -15,17 +15,17 @@ export default function UnmaintainedLabel({ alternatives, block }: Props) {
   const { isSmallScreen } = useLayout();
 
   return (
-    <View style={tw`flex-row flex-shrink gap-1.5`}>
+    <View style={tw`flex-shrink flex-row gap-1.5`}>
       <View
         style={[
-          tw`flex-row flex-wrap flex-shrink items-start -ml-5 mb-2 pl-5 pr-3 py-1.5 rounded-r gap-1 bg-palette-gray1 border border-l-0 border-palette-gray3 dark:bg-dark dark:border-default`,
-          block && tw`ml-0 border-l pl-3 py-2 rounded-lg rounded-r-lg`,
+          tw`-ml-5 mb-2 flex-shrink flex-row flex-wrap items-start gap-1 rounded-r border border-l-0 border-palette-gray3 bg-palette-gray1 py-1.5 pl-5 pr-3 dark:border-default dark:bg-dark`,
+          block && tw`ml-0 rounded-lg rounded-r-lg border-l py-2 pl-3`,
           isSmallScreen && tw`flex-col`,
           {
             backgroundImage: `repeating-linear-gradient(45deg, transparent, transparent 20px, ${tw.prefixMatch('dark') ? 'var(--background)' : 'var(--gray-2)'} 20px, ${tw.prefixMatch('dark') ? 'var(--background)' : 'var(--gray-2)'} 40px)`,
           },
         ]}>
-        <View style={tw`flex-row flex-shrink gap-1.5`}>
+        <View style={tw`flex-shrink flex-row gap-1.5`}>
           <Warning width={16} height={16} style={tw`text-secondary`} />
           <Label style={tw`text-secondary`}>This library is not actively maintained.</Label>
         </View>
diff --git a/components/Library/UpdateAtView.tsx b/components/Library/UpdateAtView.tsx
index aff2329b0..1ef08dc09 100644
--- a/components/Library/UpdateAtView.tsx
+++ b/components/Library/UpdateAtView.tsx
@@ -52,8 +52,8 @@ export default function UpdatedAtView({ library }: Props) {
             ]}
             hoverStyle={
               library.unmaintained
-                ? tw`text-warning-dark dark:text-warning decoration-warning-dark dark:decoration-warning`
-                : tw`decoration-palette-gray4 text-hover`
+                ? tw`text-warning-dark decoration-warning-dark dark:text-warning dark:decoration-warning`
+                : tw`text-hover decoration-palette-gray4`
             }>
             {getTimeSinceToday(library.github.stats.pushedAt)}
           </A>
diff --git a/components/Library/index.tsx b/components/Library/index.tsx
index b0ea4a0b9..1f7bd089c 100644
--- a/components/Library/index.tsx
+++ b/components/Library/index.tsx
@@ -43,27 +43,27 @@ export default function Library({
   return (
     <View
       style={[
-        tw`mb-4 border rounded-md flex-row overflow-hidden border-palette-gray2 dark:border-default`,
+        tw`mb-4 flex-row overflow-hidden rounded-md border border-palette-gray2 dark:border-default`,
         isSmallScreen && tw`flex-col`,
-        skipMetadata && tw`w-[48.5%] mx-[0.75%] min-h-[206px]`,
+        skipMetadata && tw`mx-[0.75%] min-h-[206px] w-[48.5%]`,
         skipMetadata && (isSmallScreen || isBelowMaxWidth) && tw`w-[98.5%] max-w-[98.5%]`,
         skipSecondaryMetadata && tw`min-h-0`,
         library.unmaintained && tw`opacity-85`,
       ]}>
-      <View style={[tw`pb-3.5 flex-1 p-4 pl-5`, isSmallScreen && tw`pt-2.5 pb-3 px-3.5`]}>
+      <View style={[tw`flex-1 p-4 pb-3.5 pl-5`, isSmallScreen && tw`px-3.5 pb-3 pt-2.5`]}>
         {library.unmaintained && (
           <View
             style={
               isSmallScreen
-                ? tw`flex-col justify-start self-start mb-1.5`
-                : tw`flex-row justify-between items-start gap-6 mb-1`
+                ? tw`mb-1.5 flex-col justify-start self-start`
+                : tw`mb-1 flex-row items-start justify-between gap-6`
             }>
             <UnmaintainedLabel alternatives={library.alternatives} />
             {!skipDate && <UpdatedAtView library={library} />}
           </View>
         )}
         {showTrendingMark && library.popularity && (
-          <View style={tw`flex-row justify-between items-center gap-6 mb-1`}>
+          <View style={tw`mb-1 flex-row items-center justify-between gap-6`}>
             <Tooltip sideOffset={8} trigger={<TrendingMark library={library} />}>
               Trending Score is based on the last week to last month download rate.
             </Tooltip>
@@ -73,13 +73,13 @@ export default function Library({
         <View
           style={
             isSmallScreen
-              ? tw`flex-col gap-2 justify-start self-start`
-              : tw`flex-row justify-between items-start gap-6`
+              ? tw`flex-col justify-start gap-2 self-start`
+              : tw`flex-row items-start justify-between gap-6`
           }>
           <View style={tw`flex-row items-center gap-1.5`}>
             <A
               href={`/package/${library.npmPkg}`}
-              style={tw`font-bold text-[19px]`}
+              style={tw`text-[19px] font-bold`}
               hoverStyle={tw`text-hover`}>
               {libName}
             </A>
@@ -104,15 +104,15 @@ export default function Library({
           <LibraryDescription github={library.github} maxLines={skipMetadata ? 3 : undefined} />
         </View>
         {!skipMetadata && Platform.OS === 'web' && library.images && library.images.length > 0 && (
-          <View style={tw`flex-row items-center gap-x-0.5 flex-wrap mt-2`}>
+          <View style={tw`mt-2 flex-row flex-wrap items-center gap-x-0.5`}>
             {library.images.map((image, index) => (
               <Thumbnail key={`${image}-${index}`} url={image} />
             ))}
           </View>
         )}
         {!skipSecondaryMetadata && hasSecondaryMetadata ? (
-          <View style={[tw`w-full mt-auto`, isSmallScreen && tw`relative min-h-0 mt-0`]}>
-            <View style={[tw`flex-row items-center mt-3 flex-wrap gap-2.5 gap-y-0.5`]}>
+          <View style={[tw`mt-auto w-full`, isSmallScreen && tw`relative mt-0 min-h-0`]}>
+            <View style={[tw`mt-3 flex-row flex-wrap items-center gap-2.5 gap-y-0.5`]}>
               <MetaData library={library} secondary />
             </View>
           </View>
@@ -121,7 +121,7 @@ export default function Library({
       {skipMetadata ? null : (
         <View
           style={[
-            tw`flex-0.35 p-4 border-l border-palette-gray2 dark:border-default`,
+            tw`flex-0.35 border-l border-palette-gray2 p-4 dark:border-default`,
             isSmallScreen && tw`border-l-0 border-t`,
           ]}>
           <MetaData library={library} />
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index bef0a3620..288a66833 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -28,24 +28,24 @@ export default function Navigation({
       {header ?? (
         <View
           style={[
-            tw`py-10 overflow-hidden bg-palette-gray6 dark:bg-dark`,
+            tw`overflow-hidden bg-palette-gray6 py-10 dark:bg-dark`,
             isSmallScreen && tw`py-6`,
             style,
           ]}>
           <Logo
             width={580}
             height={520}
-            style={tw`absolute left-1/2 top-[-76px] ml-[-280px] opacity-15 text-palette-gray5 dark:text-palette-gray7`}
+            style={tw`absolute left-1/2 top-[-76px] ml-[-280px] text-palette-gray5 opacity-15 dark:text-palette-gray7`}
           />
           <H1
             style={[
-              tw`text-center text-white text-[42px] leading-[54px] px-5`,
+              tw`px-5 text-center text-[42px] leading-[54px] text-white`,
               isSmallScreen && tw`text-3xl`,
             ]}>
             {title}
           </H1>
           <H2
-            style={tw`text-center text-base font-normal py-1 px-10 text-palette-gray3 dark:text-secondary`}>
+            style={tw`px-10 py-1 text-center text-base font-normal text-palette-gray3 dark:text-secondary`}>
             {description}
           </H2>
           {children}
diff --git a/components/NavigationTab.tsx b/components/NavigationTab.tsx
index e8c09cbe3..b45d78b8e 100644
--- a/components/NavigationTab.tsx
+++ b/components/NavigationTab.tsx
@@ -19,24 +19,24 @@ function NavigationTab({ title, counter, path = `/${title.toLowerCase()}` }: Pro
     <A
       href={path}
       style={[
-        tw`no-underline rounded`,
+        tw`rounded no-underline`,
         {
           transition: 'color 0.33s, background-color 0.33s',
         },
-        isActive && tw`text-primary bg-primary-hover`,
+        isActive && tw`bg-primary-hover text-primary`,
       ]}
       hoverStyle={[
-        tw`text-tertiary bg-palette-gray6 dark:bg-default`,
+        tw`bg-palette-gray6 text-tertiary dark:bg-default`,
         isActive && tw`bg-primary-active-hover`,
       ]}
       target="_self">
-      <View style={tw`flex-row items-center gap-2 px-4 pt-1.5 pb-2`}>
+      <View style={tw`flex-row items-center gap-2 px-4 pb-2 pt-1.5`}>
         <P style={[tw`text-white`, isActive && tw`text-primary`]}>{title}</P>
         {!!counter && (
           <EntityCounter
             count={counter}
             style={[
-              tw`py-0.5 px-1.5 rounded-xl text-[11px] text-white mt-[3px]`,
+              tw`mt-[3px] rounded-xl px-1.5 py-0.5 text-[11px] text-white`,
               isActive ? tw`bg-primary-dark text-black dark:text-white` : tw`bg-accented`,
             ]}
           />
diff --git a/components/NotFoundContent.tsx b/components/NotFoundContent.tsx
index 262840581..668a0e948 100644
--- a/components/NotFoundContent.tsx
+++ b/components/NotFoundContent.tsx
@@ -16,9 +16,9 @@ export default function NotFoundContent({
   bottomSlot,
 }: Props) {
   return (
-    <View style={tw`items-center justify-center w-full px-6 mt-12 mb-18 flex flex-1`}>
+    <View style={tw`mb-18 mt-12 flex w-full flex-1 items-center justify-center px-6`}>
       <Image
-        style={tw`mt-12 mb-6 size-[64px]`}
+        style={tw`mb-6 mt-12 size-[64px]`}
         source={require('~/assets/notfound.png')}
         alt={alt}
       />
diff --git a/components/Package/CollapsibleSection.tsx b/components/Package/CollapsibleSection.tsx
index 4ec0de0d1..ff4d9cbbc 100644
--- a/components/Package/CollapsibleSection.tsx
+++ b/components/Package/CollapsibleSection.tsx
@@ -57,17 +57,17 @@ export default function CollapsibleSection({ title, data, checkExistence }: Prop
 
   return (
     <>
-      <View style={tw`flex-row gap-1.5 justify-between items-center`}>
+      <View style={tw`flex-row items-center justify-between gap-1.5`}>
         <H6 style={tw`flex items-center gap-1.5 text-[16px] text-secondary`}>
           {title}
           <EntityCounter count={Object.keys(data).length} />
         </H6>
         <Button
           onPress={toggleSection}
-          style={tw`p-1 bg-palette-gray2 dark:bg-palette-gray7`}
+          style={tw`bg-palette-gray2 p-1 dark:bg-palette-gray7`}
           containerStyle={tw`mt-px`}
           aria-label={`${collapsed ? 'Expand' : 'Collapse'} section`}>
-          <Arrow style={[tw`w-4 h-3 text-icon`, collapsed ? tw`rotate-90` : tw`rotate-270`]} />
+          <Arrow style={[tw`h-3 w-4 text-icon`, collapsed ? tw`rotate-90` : tw`rotate-270`]} />
         </Button>
       </View>
       {!collapsed && (
diff --git a/components/Package/DependencyRow.tsx b/components/Package/DependencyRow.tsx
index 55adc02bd..d2f020ab0 100644
--- a/components/Package/DependencyRow.tsx
+++ b/components/Package/DependencyRow.tsx
@@ -20,11 +20,11 @@ export default function DependencyRow({ name, version, packageExists }: Props) {
   return (
     <View
       style={[
-        tw`flex-row gap-x-2 justify-between`,
+        tw`flex-row justify-between gap-x-2`,
         hasLongVersion && tw`flex-wrap`,
         isSmallScreen && tw`my-px`,
       ]}>
-      <span style={tw`flex flex-row gap-x-1.5 items-center flex-shrink pl-0.5 overflow-hidden`}>
+      <span style={tw`flex flex-shrink flex-row items-center gap-x-1.5 overflow-hidden pl-0.5`}>
         {packageExists ? (
           <Tooltip
             side="left"
@@ -45,7 +45,7 @@ export default function DependencyRow({ name, version, packageExists }: Props) {
         ) : (
           <View style={tw`flex max-h-3`}>
             <P
-              style={tw`w-3 text-lg leading-[12px] -mt-px text-center select-none text-palette-gray4 dark:text-palette-gray5`}>
+              style={tw`-mt-px w-3 select-none text-center text-lg leading-[12px] text-palette-gray4 dark:text-palette-gray5`}>
               •
             </P>
           </View>
@@ -54,13 +54,13 @@ export default function DependencyRow({ name, version, packageExists }: Props) {
           href={`https://www.npmjs.com/package/${name}`}
           target="_blank"
           containerStyle={tw`flex-shrink`}
-          style={tw`text-xs leading-[14px] font-mono font-light`}>
+          style={tw`font-mono text-xs font-light leading-[14px]`}>
           {name}
         </A>
       </span>
       <Label
         style={[
-          tw`text-xs leading-[14px] font-mono text-secondary`,
+          tw`font-mono text-xs leading-[14px] text-secondary`,
           hasLongVersion && tw`ml-auto`,
         ]}>
         {getVersionLabel(version)}
diff --git a/components/Package/DetailsNavigation.tsx b/components/Package/DetailsNavigation.tsx
index 7b4dada8d..b57d03ebe 100644
--- a/components/Package/DetailsNavigation.tsx
+++ b/components/Package/DetailsNavigation.tsx
@@ -15,8 +15,8 @@ export default function DetailsNavigation({ library }: Props) {
   return (
     <Navigation
       title={`${library.template ? 'Template' : 'Package'} information`}
-      style={[tw`pt-9 pb-3 gap-1`, isSmallScreen && tw`pt-5 gap-1.5`]}>
-      <ContentContainer style={tw`gap-2 flex-row px-5`}>
+      style={[tw`gap-1 pb-3 pt-9`, isSmallScreen && tw`gap-1.5 pt-5`]}>
+      <ContentContainer style={tw`flex-row gap-2 px-5`}>
         <NavigationTab title="Overview" path={`/package/${library.npmPkg}`} />
         {!library.template && (
           <NavigationTab
diff --git a/components/Package/DownloadsChart.tsx b/components/Package/DownloadsChart.tsx
index d94b9b5d8..b8b37d25b 100644
--- a/components/Package/DownloadsChart.tsx
+++ b/components/Package/DownloadsChart.tsx
@@ -56,15 +56,15 @@ export default function DownloadsChart({ packageName, height = 48 }: Props) {
       {({ width }) => {
         if (data && !Object.keys(data).length) {
           return (
-            <View style={tw`h-full justify-center items-center`}>
-              <Label style={tw`text-secondary font-light`}>Cannot fetch download data</Label>
+            <View style={tw`h-full items-center justify-center`}>
+              <Label style={tw`font-light text-secondary`}>Cannot fetch download data</Label>
             </View>
           );
         }
 
         if (!width || !data || !series) {
           return (
-            <View style={tw`h-full justify-center items-center`}>
+            <View style={tw`h-full items-center justify-center`}>
               <ThreeDotsLoader />
             </View>
           );
@@ -110,7 +110,7 @@ export default function DownloadsChart({ packageName, height = 48 }: Props) {
                 }
                 return (
                   <Text
-                    style={tw`flex flex-col text-xs bg-black text-white font-sans font-light px-2.5 py-1.5 rounded dark:border dark:border-default`}>
+                    style={tw`font-sans flex flex-col rounded bg-black px-2.5 py-1.5 text-xs font-light text-white dark:border dark:border-default`}>
                     <span style={tw`text-palette-gray3 dark:text-secondary`}>
                       {data.date.toLocaleDateString('en-US', DATE_FORMAT)}
                       &apos;
diff --git a/components/Package/EntityCounter.tsx b/components/Package/EntityCounter.tsx
index 8de88f960..bffa5a9ad 100644
--- a/components/Package/EntityCounter.tsx
+++ b/components/Package/EntityCounter.tsx
@@ -13,7 +13,7 @@ export default function EntityCounter({ count, style }: Props) {
   return (
     <Label
       style={[
-        tw`mt-[3px] h-4.5 text-[11px] rounded-xl py-0.5 px-1.5 text-[inherit] bg-palette-gray2 dark:bg-accented`,
+        tw`h-4.5 mt-[3px] rounded-xl bg-palette-gray2 px-1.5 py-0.5 text-[11px] text-[inherit] dark:bg-accented`,
         style,
       ]}>
       {count}
diff --git a/components/Package/ExampleBox.tsx b/components/Package/ExampleBox.tsx
index 36dd5aaf1..a142f2414 100644
--- a/components/Package/ExampleBox.tsx
+++ b/components/Package/ExampleBox.tsx
@@ -18,11 +18,11 @@ export default function ExampleBox({ example, index }: Props) {
       <A
         href={example}
         style={[
-          tw`flex flex-row items-center justify-between px-4 py-2.5 rounded-lg no-underline border border-palette-gray2 dark:border-default`,
+          tw`flex flex-row items-center justify-between rounded-lg border border-palette-gray2 px-4 py-2.5 no-underline dark:border-default`,
           isSmallScreen && tw`px-3 py-2`,
         ]}
         hoverStyle={tw`bg-palette-gray1 dark:bg-dark`}>
-        <View style={tw`flex flex-row items-center max-w-full gap-2.5`}>
+        <View style={tw`flex max-w-full flex-row items-center gap-2.5`}>
           {example.includes('github.com') && <GitHub style={tw`text-icon`} />}
           {example.includes('snack.expo.dev') && <Snack style={tw`text-icon`} />}
           {!example.includes('github.com') && !example.includes('snack.expo.dev') && (
@@ -31,7 +31,7 @@ export default function ExampleBox({ example, index }: Props) {
           <span style={tw`font-light`}>{getExampleDescription(example)}</span>
         </View>
         <Text
-          style={[tw`opacity-30 text-2xl leading-[28px] text-icon`, isSmallScreen && tw`hidden`]}>
+          style={[tw`text-2xl leading-[28px] text-icon opacity-30`, isSmallScreen && tw`hidden`]}>
           #{index + 1}
         </Text>
       </A>
diff --git a/components/Package/MorePackagesBox.tsx b/components/Package/MorePackagesBox.tsx
index 4ee3fed84..885156bbb 100644
--- a/components/Package/MorePackagesBox.tsx
+++ b/components/Package/MorePackagesBox.tsx
@@ -52,7 +52,7 @@ export default function MorePackagesBox({ library }: Props) {
     <>
       <H6
         style={[
-          tw`flex gap-1.5 text-[16px] text-secondary items-center`,
+          tw`flex items-center gap-1.5 text-[16px] text-secondary`,
           !isSmallScreen && tw`mt-4`,
         ]}>
         More packages from {startCase(owner)}
@@ -78,29 +78,29 @@ export default function MorePackagesBox({ library }: Props) {
                   <A
                     href={`/package/${npmPkg}`}
                     style={[
-                      tw`flex flex-row items-center justify-between px-4 py-2.5 rounded-lg no-underline border border-solid border-palette-gray2 dark:border-default`,
+                      tw`flex flex-row items-center justify-between rounded-lg border border-solid border-palette-gray2 px-4 py-2.5 no-underline dark:border-default`,
                       isSmallScreen && tw`px-3 pt-2`,
                     ]}
                     hoverStyle={tw`bg-palette-gray1 dark:bg-dark`}>
                     <View
                       style={[
-                        tw`flex flex-row items-center w-full max-w-full gap-2.5`,
+                        tw`flex w-full max-w-full flex-row items-center gap-2.5`,
                         isSmallScreen && tw`flex-col items-start gap-1`,
                       ]}>
-                      <Caption style={tw`text-sm flex-shrink-0`}>{npmPkg}</Caption>
+                      <Caption style={tw`flex-shrink-0 text-sm`}>{npmPkg}</Caption>
                       <Label numberOfLines={1} style={tw`font-light text-secondary`}>
                         {github.description}
                       </Label>
                       <View
                         style={[
-                          tw`flex-row gap-4 ml-auto text-icon text-sm leading-[14px] font-light`,
+                          tw`ml-auto flex-row gap-4 text-sm font-light leading-[14px] text-icon`,
                           isSmallScreen && tw`ml-0 mt-1`,
                         ]}>
-                        <View style={tw`flex-row gap-1 items-center`}>
+                        <View style={tw`flex-row items-center gap-1`}>
                           <Star style={tw`size-4 text-tertiary dark:text-palette-gray5`} />
                           <span>{github.stats.stars.toLocaleString()}</span>
                         </View>
-                        <View style={tw`flex-row gap-1 items-center`}>
+                        <View style={tw`flex-row items-center gap-1`}>
                           <Download style={tw`text-tertiary dark:text-palette-gray5`} />
                           <span>{(npm?.downloads ?? 0).toLocaleString()}</span>
                         </View>
diff --git a/components/Package/PackageAuthor.tsx b/components/Package/PackageAuthor.tsx
index 9b3cf480c..8c127750e 100644
--- a/components/Package/PackageAuthor.tsx
+++ b/components/Package/PackageAuthor.tsx
@@ -12,7 +12,7 @@ type Props = {
   compact?: boolean;
 };
 
-const authorContainerStyle = tw`flex flex-row gap-3 items-center bg-transparent`;
+const authorContainerStyle = tw`flex flex-row items-center gap-3 bg-transparent`;
 const labelStyle = tw`leading-[18px]`;
 const sublabelStyle = tw`text-[11px] font-light text-palette-gray4 dark:text-secondary`;
 
diff --git a/components/Package/PackageHeader.tsx b/components/Package/PackageHeader.tsx
index 7dbf5b3bc..9165464f1 100644
--- a/components/Package/PackageHeader.tsx
+++ b/components/Package/PackageHeader.tsx
@@ -28,8 +28,8 @@ export default function PackageHeader({ library, registryData, rightSlot }: Prop
       {library.unmaintained && <UnmaintainedLabel block />}
       <View
         style={[
-          tw`flex-row items-center justify-between min-h-[26px]`,
-          isSmallScreen && tw`gap-y-2.5 items-start flex-col`,
+          tw`min-h-[26px] flex-row items-center justify-between`,
+          isSmallScreen && tw`flex-col items-start gap-y-2.5`,
         ]}>
         <View style={tw`flex-row flex-wrap items-center gap-x-2 gap-y-1`}>
           <Tooltip
@@ -44,7 +44,7 @@ export default function PackageHeader({ library, registryData, rightSlot }: Prop
             }>
             {ghUsername}
           </Tooltip>
-          <P style={tw`text-xl leading-[26px] font-semibold -mt-0.5`}>{library.npmPkg}</P>
+          <P style={tw`-mt-0.5 text-xl font-semibold leading-[26px]`}>{library.npmPkg}</P>
           {registryData && (
             <View style={tw`flex-row items-center gap-x-1`}>
               <P style={tw`text-secondary`}>{registryData.version}</P>
diff --git a/components/Package/ReadmeBox.tsx b/components/Package/ReadmeBox.tsx
index fb7e30f2e..9f668c2b1 100644
--- a/components/Package/ReadmeBox.tsx
+++ b/components/Package/ReadmeBox.tsx
@@ -69,9 +69,9 @@ export default function ReadmeBox({ packageName, githubUrl, isTemplate, loader =
 
   return (
     <View
-      style={tw`rounded-xl my-2 border border-palette-gray2 text-black dark:border-default dark:text-white`}>
+      style={tw`my-2 rounded-xl border border-palette-gray2 text-black dark:border-default dark:text-white`}>
       <View
-        style={tw`flex-row gap-2 items-center px-4 py-3 border-b border-palette-gray2 dark:border-default`}>
+        style={tw`flex-row items-center gap-2 border-b border-palette-gray2 px-4 py-3 dark:border-default`}>
         <ReadmeFile style={tw`text-tertiary dark:text-pewter`} />
         <P>Readme</P>
       </View>
@@ -195,7 +195,7 @@ export default function ReadmeBox({ packageName, githubUrl, isTemplate, loader =
               details: ({ children }: any) => {
                 return (
                   <details
-                    style={tw`rounded-xl mt-3 pb-3 pt-1 pr-4 border border-palette-gray2 dark:border-default`}>
+                    style={tw`mt-3 rounded-xl border border-palette-gray2 pb-3 pr-4 pt-1 dark:border-default`}>
                     {children}
                   </details>
                 );
diff --git a/components/Package/ReadmeCodeBlock.tsx b/components/Package/ReadmeCodeBlock.tsx
index c52ccb05a..ef9c691cf 100644
--- a/components/Package/ReadmeCodeBlock.tsx
+++ b/components/Package/ReadmeCodeBlock.tsx
@@ -21,7 +21,7 @@ export default function ReadmeCodeBlock({ code, theme, lang }: Props) {
       sideOffset={2}
       trigger={
         <Button
-          containerStyle={tw`absolute top-3 right-3`}
+          containerStyle={tw`absolute right-3 top-3`}
           style={tw`bg-transparent`}
           onPress={async () => {
             if (navigator.clipboard && navigator.clipboard.writeText) {
diff --git a/components/Package/ReadmeHeading.tsx b/components/Package/ReadmeHeading.tsx
index 6a83436a5..bdbbd5f6e 100644
--- a/components/Package/ReadmeHeading.tsx
+++ b/components/Package/ReadmeHeading.tsx
@@ -25,7 +25,7 @@ export default function ReadmeHeading({ children, tagName }: Props) {
         aria-label="Link to header"
         style={[
           tw`bg-transparent`,
-          ['h1', 'h2', 'h3'].includes(tagName) ? tw`size-4 mt-px` : tw`size-3.5`,
+          ['h1', 'h2', 'h3'].includes(tagName) ? tw`mt-px size-4` : tw`size-3.5`,
         ]}>
         <Link style={tw`text-icon`} />
       </Button>
diff --git a/components/Package/VersionBox.tsx b/components/Package/VersionBox.tsx
index 5f8bfe188..5177c5110 100644
--- a/components/Package/VersionBox.tsx
+++ b/components/Package/VersionBox.tsx
@@ -23,16 +23,16 @@ export default function VersionBox({ label, time, versionData }: Props) {
   return (
     <View
       style={[
-        tw`flex-row items-center justify-between px-4 py-2.5 rounded-xl gap-0.5 border border-palette-gray2 dark:border-default`,
+        tw`flex-row items-center justify-between gap-0.5 rounded-xl border border-palette-gray2 px-4 py-2.5 dark:border-default`,
         isSmallScreen && tw`flex-col items-start justify-start gap-2`,
       ]}>
       <View>
-        <View style={tw`flex-row items-center gap-1 min-h-4`}>
+        <View style={tw`min-h-4 flex-row items-center gap-1`}>
           {label && <Caption>{label}</Caption>}
           {label && <Caption style={tw`text-secondary`}>{` • `}</Caption>}
           <Caption style={label && tw`text-secondary`}>{versionData.version}</Caption>
         </View>
-        <View style={tw`flex-row items-center gap-1 min-h-4`}>
+        <View style={tw`min-h-4 flex-row items-center gap-1`}>
           <Label style={tw`font-light text-secondary`}>
             Released {getTimeSinceToday(time)} by {versionData._npmUser?.name}
           </Label>
diff --git a/components/Pagination.tsx b/components/Pagination.tsx
index d260a3598..a3ccd9127 100644
--- a/components/Pagination.tsx
+++ b/components/Pagination.tsx
@@ -54,7 +54,7 @@ export default function Pagination({ query, total, style, basePath = '/packages'
             </Link>
           </HoverEffect>
         )}
-        <Caption style={tw`mx-1.5 min-w-15 text-center`}>
+        <Caption style={tw`min-w-15 mx-1.5 text-center`}>
           {currentPage > 0 ? currentPage : '1'} of {totalPages}
         </Caption>
         {forwardDisabled ? (
@@ -81,7 +81,7 @@ function BackArrow({ disabled }: ArrowButtonProps) {
   return (
     <View
       style={[
-        tw`size-6 items-center justify-center rounded rotate-180 bg-palette-gray2 dark:bg-accented`,
+        tw`size-6 rotate-180 items-center justify-center rounded bg-palette-gray2 dark:bg-accented`,
         disabled && tw`opacity-50`,
       ]}>
       <Arrow height={12} width={9} style={tw`text-black dark:text-white`} />
diff --git a/components/Score/ScoringCriterion.tsx b/components/Score/ScoringCriterion.tsx
index f76d3b164..016ae336c 100644
--- a/components/Score/ScoringCriterion.tsx
+++ b/components/Score/ScoringCriterion.tsx
@@ -14,12 +14,12 @@ export function ScoringCriterion({ children, headline, style, score = undefined
   const isPositiveModifier = (score ?? 0) > 0;
 
   return (
-    <View style={[tw`py-3.5 px-5 border rounded-md mb-4 border-default`, style]}>
-      <Headline style={tw`flex gap-3 text-[17px] font-semibold mb-1 leading-[22px]`}>
+    <View style={[tw`mb-4 rounded-md border border-default px-5 py-3.5`, style]}>
+      <Headline style={tw`mb-1 flex gap-3 text-[17px] font-semibold leading-[22px]`}>
         {score && (
           <Headline
             style={[
-              tw`flex items-center justify-center border-default min-w-[50px] text-[15px] font-bold border rounded text-center`,
+              tw`flex min-w-[50px] items-center justify-center rounded border border-default text-center text-[15px] font-bold`,
               isPositiveModifier ? tw`text-success` : tw`text-error`,
             ]}>
             {isPositiveModifier ? '+' : ''}
@@ -28,7 +28,7 @@ export function ScoringCriterion({ children, headline, style, score = undefined
         )}
         {headline}
       </Headline>
-      <P style={tw`leading-[24px] font-light`}>{children}</P>
+      <P style={tw`font-light leading-[24px]`}>{children}</P>
     </View>
   );
 }
diff --git a/components/Search.tsx b/components/Search.tsx
index 8bdd85a6f..9b46a864e 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -61,15 +61,15 @@ export default function Search({ query, total, style, isHomePage = false }: Prop
     void replace(urlWithQuery('/packages', { search, offset: undefined }));
   }
 
-  const focusHintLabel = tw`text-palette-gray4 font-light`;
-  const focusHintKey = tw`text-tertiary text-center py-[3px] px-1 min-w-6 rounded-[3px] tracking-[0.75px] bg-palette-gray5 dark:bg-powder`;
+  const focusHintLabel = tw`font-light text-palette-gray4`;
+  const focusHintKey = tw`min-w-6 rounded-[3px] bg-palette-gray5 px-1 py-[3px] text-center tracking-[0.75px] text-tertiary dark:bg-powder`;
 
   return (
     <>
-      <View style={[tw`py-3.5 items-center bg-palette-gray6 dark:bg-dark`, style]}>
+      <View style={[tw`items-center bg-palette-gray6 py-3.5 dark:bg-dark`, style]}>
         <View style={tw`w-full max-w-layout px-4`}>
           <View style={tw`flex-row items-center`}>
-            <View style={tw`absolute left-4 pointer-events-none`}>
+            <View style={tw`pointer-events-none absolute left-4`}>
               <SearchIcon style={tw`text-white`} />
             </View>
             <TextInput
@@ -116,12 +116,12 @@ export default function Search({ query, total, style, isHomePage = false }: Prop
               onBlur={() => setInputFocused(false)}
               onChangeText={isHomePage ? undefined : typingCallback}
               placeholder="Search libraries..."
-              style={tw`flex flex-1 h-12.5 p-4 pl-11 font-sans text-xl text-white rounded-md -outline-offset-2 border-2 border-palette-gray5 bg-palette-gray6 dark:bg-dark dark:border-default`}
+              style={tw`h-12.5 font-sans flex flex-1 rounded-md border-2 border-palette-gray5 bg-palette-gray6 p-4 pl-11 text-xl text-white -outline-offset-2 dark:border-default dark:bg-dark`}
               defaultValue={search}
               placeholderTextColor={tw`text-palette-gray4`.color as ColorValue}
             />
             {!isSmallScreen && (
-              <View style={tw`absolute right-4 pointer-events-none flex-row gap-1 items-center`}>
+              <View style={tw`pointer-events-none absolute right-4 flex-row items-center gap-1`}>
                 {isInputFocused ? (
                   <>
                     <Label style={focusHintLabel}>press</Label>
@@ -152,18 +152,18 @@ export default function Search({ query, total, style, isHomePage = false }: Prop
           {!isHomePage && (
             <View
               style={[
-                tw`flex-row items-center mt-2 justify-between`,
+                tw`mt-2 flex-row items-center justify-between`,
                 isSmallScreen && tw`flex-col items-start`,
               ]}>
               {total ? (
                 <P style={tw`mt-1 text-white`}>
-                  <P style={tw`text-primary font-bold`}>{total}</P>{' '}
+                  <P style={tw`font-bold text-primary`}>{total}</P>{' '}
                   {total === 1 ? 'entry' : 'entries'}
                 </P>
               ) : (
                 <P />
               )}
-              <View style={[tw`flex-row items-center mt-1.5`, isSmallScreen && tw`mt-2.5`]}>
+              <View style={[tw`mt-1.5 flex-row items-center`, isSmallScreen && tw`mt-2.5`]}>
                 <FilterButton
                   style={tw`h-6`}
                   query={query}
diff --git a/components/SearchTag.tsx b/components/SearchTag.tsx
index 19994f05f..dd144de46 100644
--- a/components/SearchTag.tsx
+++ b/components/SearchTag.tsx
@@ -14,15 +14,15 @@ type Props = {
 export default function SearchTag({ title, value }: Props) {
   return (
     <View
-      style={tw`flex-row text-[12px] items-center no-underline rounded pr-1.5 border border-default bg-palette-gray1 dark:bg-dark`}>
+      style={tw`flex-row items-center rounded border border-default bg-palette-gray1 pr-1.5 text-[12px] no-underline dark:bg-dark`}>
       <View
-        style={tw`pl-2.5 pr-2 h-full justify-center text-secondary select-none border-r border-default bg-palette-gray2 dark:bg-powder`}>
+        style={tw`h-full select-none justify-center border-r border-default bg-palette-gray2 pl-2.5 pr-2 text-secondary dark:bg-powder`}>
         <span>{title}</span>
       </View>
       <Tooltip
         trigger={
           <HoverEffect>
-            <A href="/" style={tw`flex flex-row gap-1.5 pl-2 items-center no-underline`}>
+            <A href="/" style={tw`flex flex-row items-center gap-1.5 pl-2 no-underline`}>
               {startCase(value)}
               <XIcon style={tw`w-2.5 text-error`} />
             </A>
diff --git a/components/Sort.tsx b/components/Sort.tsx
index d59803b60..f40e05fde 100644
--- a/components/Sort.tsx
+++ b/components/Sort.tsx
@@ -30,7 +30,7 @@ export function SortButton({ query: { order, direction, search }, query }: SortB
   }
 
   return (
-    <View style={tw`flex-row items-center bg-accented h-6 ml-2 pl-2 rounded`}>
+    <View style={tw`ml-2 h-6 flex-row items-center rounded bg-accented pl-2`}>
       <View style={tw`flex-row items-center`}>
         <Tooltip
           sideOffset={8}
@@ -54,14 +54,14 @@ export function SortButton({ query: { order, direction, search }, query }: SortB
           }>
           Toggle sort order
         </Tooltip>
-        <P style={tw`text-sm text-white ml-1.5 mr-0.5 select-none`}>Sort:</P>
+        <P style={tw`ml-1.5 mr-0.5 select-none text-sm text-white`}>Sort:</P>
       </View>
       <View style={tw`top-px`}>
         <Picker
           id="sort-order"
           aria-label="Sort order"
           selectedValue={currentSortValue ?? (search ? 'relevance' : 'updated')}
-          style={tw`text-white border-0 rounded text-sm relative -top-px font-semibold bg-transparent`}
+          style={tw`relative -top-px rounded border-0 bg-transparent text-sm font-semibold text-white`}
           onValueChange={value => {
             updatePath(
               urlWithQuery('/packages', {
diff --git a/components/Tag.tsx b/components/Tag.tsx
index 448229c22..799e81bfc 100644
--- a/components/Tag.tsx
+++ b/components/Tag.tsx
@@ -21,7 +21,7 @@ export function Tag({
     <View
       key={label}
       style={[
-        tw`flex-row items-center border rounded px-2 py-1 select-none gap-[5px] min-h-6`,
+        tw`min-h-6 select-none flex-row items-center gap-[5px] rounded border px-2 py-1`,
         tagStyle,
       ]}>
       {icon}
diff --git a/components/Tools/GitHubButton.tsx b/components/Tools/GitHubButton.tsx
index f688304aa..f3db780c1 100644
--- a/components/Tools/GitHubButton.tsx
+++ b/components/Tools/GitHubButton.tsx
@@ -12,7 +12,7 @@ export default function GitHubButton({ href }: Props) {
     <Button
       openInNewTab
       href={href}
-      style={tw`flex-row px-3 min-h-8 text-sm gap-1.5 bg-primary dark:bg-primary-dark`}>
+      style={tw`min-h-8 flex-row gap-1.5 bg-primary px-3 text-sm dark:bg-primary-dark`}>
       <GitHub width={16} style={tw`text-black`} />
       <P style={tw`text-sm text-black`}>GitHub</P>
     </Button>
diff --git a/components/Tools/ToolEntry.tsx b/components/Tools/ToolEntry.tsx
index c492e8189..1e1c442f3 100644
--- a/components/Tools/ToolEntry.tsx
+++ b/components/Tools/ToolEntry.tsx
@@ -18,8 +18,8 @@ type Props = {
 
 export default function ToolEntry({ name, description, githubUrl, buttons }: Props) {
   return (
-    <View style={tw`border border-default px-5 py-4 rounded-xl`}>
-      <H3 style={tw`text-xl mb-0.5`}>{name}</H3>
+    <View style={tw`rounded-xl border border-default px-5 py-4`}>
+      <H3 style={tw`mb-0.5 text-xl`}>{name}</H3>
       <P style={tw`mb-3 font-light leading-[29px]`}>{description}</P>
       <View style={tw`flex-row flex-wrap gap-3`}>
         <GitHubButton href={githubUrl} />
@@ -29,7 +29,7 @@ export default function ToolEntry({ name, description, githubUrl, buttons }: Pro
             openInNewTab
             href={href}
             style={[
-              tw`flex-row px-3 min-h-8 gap-1.5 text-sm bg-palette-gray3`,
+              tw`min-h-8 flex-row gap-1.5 bg-palette-gray3 px-3 text-sm`,
               tw`dark:bg-accented dark:text-white`,
             ]}>
             <span>{label}</span>
diff --git a/components/TopBar.tsx b/components/TopBar.tsx
index 280369b68..94862aa5b 100644
--- a/components/TopBar.tsx
+++ b/components/TopBar.tsx
@@ -18,18 +18,18 @@ export default function TopBar() {
 
   return (
     <HtmlHeader
-      style={tw`py-3.5 justify-center items-center overflow-hidden gap-y-2.5 bg-palette-gray7 dark:bg-very-dark`}>
-      <View style={tw`flex-row w-full max-w-layout items-center justify-between px-4 -mt-[1.5px]`}>
+      style={tw`items-center justify-center gap-y-2.5 overflow-hidden bg-palette-gray7 py-3.5 dark:bg-very-dark`}>
+      <View style={tw`-mt-[1.5px] w-full max-w-layout flex-row items-center justify-between px-4`}>
         <View style={[tw`flex-row items-center`, !isBelowMaxWidth && tw`min-w-[255px]`]}>
           <Logo style={tw`text-primary`} width={29} height={26} />
           <H5 style={[tw`-mt-0.5`, isBelowMaxWidth && tw`text-lg`]}>
-            <A href="/" style={tw`text-primary ml-2 font-bold no-underline`}>
+            <A href="/" style={tw`ml-2 font-bold text-primary no-underline`}>
               {isBelowMaxWidth ? 'Directory' : 'React Native Directory'}
             </A>
           </H5>
         </View>
         <View style={[isBelowMaxWidth && tw`mr-auto`, isSmallScreen && tw`hidden`]}>
-          <ContentContainer style={tw`flex-row px-4 gap-2.5`}>
+          <ContentContainer style={tw`flex-row gap-2.5 px-4`}>
             <NavigationTab title="Explore" path="/packages" />
             <NavigationTab title="Popular" />
             <NavigationTab title="Trending" />
@@ -46,7 +46,7 @@ export default function TopBar() {
                 <Button
                   aria-label="Toggle theme"
                   onPress={toggleTheme}
-                  style={tw`size-8.5 px-1 bg-transparent`}
+                  style={tw`size-8.5 bg-transparent px-1`}
                   containerStyle={tw`rounded-full`}>
                   {tw.prefixMatch('dark') ? (
                     <ThemeLight style={tw`text-white`} />
@@ -64,7 +64,7 @@ export default function TopBar() {
                 <Button
                   aria-label="Tools"
                   href="/tools"
-                  style={tw`size-8.5 px-1 bg-transparent`}
+                  style={tw`size-8.5 bg-transparent px-1`}
                   containerStyle={tw`rounded-full`}>
                   <Tools style={tw`text-white`} />
                 </Button>
@@ -79,7 +79,7 @@ export default function TopBar() {
                   openInNewTab
                   aria-label="GitHub repository"
                   href="https://github.com/react-native-community/directory"
-                  style={tw`size-8.5 px-1 bg-transparent`}
+                  style={tw`size-8.5 bg-transparent px-1`}
                   containerStyle={tw`rounded-full`}>
                   <GitHub style={tw`text-white`} />
                 </Button>
@@ -90,7 +90,7 @@ export default function TopBar() {
           <Button
             openInNewTab
             href="https://github.com/react-native-community/directory/?tab=readme-ov-file#how-do-i-add-a-library"
-            style={[tw`px-4 py-2 max-h-8.5`, isSmallScreen && tw`w-8.5`]}>
+            style={[tw`max-h-8.5 px-4 py-2`, isSmallScreen && tw`w-8.5`]}>
             <View style={tw`flex-row items-center gap-1`}>
               <Plus
                 width={14}
@@ -102,7 +102,7 @@ export default function TopBar() {
           </Button>
         </View>
       </View>
-      <ContentContainer style={[tw`flex-row px-4 gap-2.5`, !isSmallScreen && tw`hidden`]}>
+      <ContentContainer style={[tw`flex-row gap-2.5 px-4`, !isSmallScreen && tw`hidden`]}>
         <NavigationTab title="Explore" path="/" />
         <NavigationTab title="Popular" />
         <NavigationTab title="Trending" />
diff --git a/package.json b/package.json
index fbffa8deb..8be6dd95c 100644
--- a/package.json
+++ b/package.json
@@ -26,15 +26,15 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-picker/picker": "^2.11.4",
-    "@sentry/react": "^10.34.0",
+    "@sentry/react": "^10.35.0",
     "@visx/gradient": "^3.12.0",
     "@visx/responsive": "^3.12.0",
     "@visx/xychart": "^3.12.0",
     "crypto-js": "^4.2.0",
     "es-toolkit": "^1.44.0",
     "expo": "54.0.31",
-    "expo-font": "^14.0.10",
-    "next": "^16.1.3",
+    "expo-font": "^14.0.11",
+    "next": "^16.1.4",
     "node-emoji": "^2.2.0",
     "postcss": "^8.5.6",
     "react": "19.2.3",
@@ -57,11 +57,11 @@
   },
   "devDependencies": {
     "@expo/next-adapter": "^6.0.0",
-    "@next/bundle-analyzer": "^16.1.3",
+    "@next/bundle-analyzer": "^16.1.4",
     "@prettier/plugin-oxc": "^0.1.3",
     "@types/bun": "^1.3.6",
     "@types/crypto-js": "^4.2.2",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.9",
     "@vercel/blob": "^0.27.3",
     "ajv-cli": "^5.0.0",
     "browserslist": "^4.28.1",
@@ -71,8 +71,8 @@
     "next-compose-plugins": "^2.2.1",
     "next-fonts": "^1.5.1",
     "next-images": "^1.8.5",
-    "oxfmt": "^0.24.0",
-    "oxlint": "^1.39.0",
+    "oxfmt": "^0.26.0",
+    "oxlint": "^1.41.0",
     "oxlint-tsgolint": "^0.11.1",
     "simple-git-hooks": "^2.13.1",
     "typescript": "^5.9.3",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 563b35cbc..ab17b6643 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -30,7 +30,7 @@ function App({ pageProps, Component }: AppProps) {
             content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,viewport-fit=cover"
           />
         </Head>
-        <main style={tw`flex flex-col flex-1`}>
+        <main style={tw`flex flex-1 flex-col`}>
           <Component {...pageProps} />
         </main>
         <Footer />
diff --git a/pages/scoring.tsx b/pages/scoring.tsx
index b9595135d..b0a1e9cba 100644
--- a/pages/scoring.tsx
+++ b/pages/scoring.tsx
@@ -24,16 +24,16 @@ export default function Scoring() {
       <ContentContainer style={tw`mt-8 px-4`}>
         <Caption
           style={[
-            tw`font-light border-l-[6px] leading-[24px] px-5 py-4 mb-4 text-warning-dark bg-warning-light border-warning`,
-            tw`dark:text-warning dark:bg-warning-light`,
+            tw`mb-4 border-l-[6px] border-warning bg-warning-light px-5 py-4 font-light leading-[24px] text-warning-dark`,
+            tw`dark:bg-warning-light dark:text-warning`,
           ]}>
           Directory scores are subjective and are based on data that&apos;s readily available on
           GitHub and npm. They are not a perfect scores and may not reflect quality for your
           specific needs. When evaluating libraries to include in your project, review the library
           yourself to determine if it&apos;s a good fit.
         </Caption>
-        <H2 style={tw`mt-4 mb-5`}>Directory Score</H2>
-        <P style={tw`mb-4 leading-[27px] font-light`}>
+        <H2 style={tw`mb-5 mt-4`}>Directory Score</H2>
+        <P style={tw`mb-4 font-light leading-[27px]`}>
           The Directory Score is the combination of multiple factors that relate to the quality of a
           library. A library can earn value by exhibiting &quot;good behavior criteria&quot; and can
           lose value by exhibiting &quot;bad behavior criteria&quot;. These criteria and their
@@ -44,18 +44,18 @@ export default function Scoring() {
           </A>
           .
         </P>
-        <P style={tw`mb-4 leading-[27px] font-light`}>
+        <P style={tw`mb-4 font-light leading-[27px]`}>
           The Directory Score is represented as a value between 0 and 100. All final scores outside
           this range will be clamped to the nearest limit.
         </P>
-        <H3 style={tw`mt-4 mb-5`}>Directory Score criteria</H3>
-        <P style={tw`mb-4 leading-[27px] font-light`}>
+        <H3 style={tw`mb-5 mt-4`}>Directory Score criteria</H3>
+        <P style={tw`mb-4 font-light leading-[27px]`}>
           The following criteria are used to calculate a library&apos;s Directory Score.
         </P>
         <ScoringCriterion headline="Combined Popularity">
           Base popularity metric measured by weighting and combining subscribers, forks, stars, and
           download counts:
-          <View style={tw`px-4 mt-3`}>
+          <View style={tw`mt-3 px-4`}>
             <code>forks * 20 + stars * 10 + downloads / 50;</code>
           </View>
         </ScoringCriterion>
@@ -65,8 +65,8 @@ export default function Scoring() {
           </ScoringCriterion>
         ))}
         <br />
-        <H2 style={tw`mt-4 mb-5`}>Trending Score</H2>
-        <P style={tw`mb-4 leading-[27px] font-light`}>
+        <H2 style={tw`mb-5 mt-4`}>Trending Score</H2>
+        <P style={tw`mb-4 font-light leading-[27px]`}>
           The Trending Score is the combination of multiple factors that relate to the download
           count and quality of a library. A library gets the the base score from the Popularity Gain
           criterion and can lose score by exhibiting one of bad criteria. These criteria and their
@@ -77,7 +77,7 @@ export default function Scoring() {
           </A>
           .
         </P>
-        <P style={tw`mb-4 leading-[27px] font-light`}>
+        <P style={tw`mb-4 font-light leading-[27px]`}>
           There are five levels of popularity which depends on the package final Trending Score:
           <ul>
             <li>
@@ -102,18 +102,18 @@ export default function Scoring() {
             </li>
           </ul>
         </P>
-        <H3 style={tw`mt-4 mb-5`}>Trending Score criteria</H3>
-        <P style={tw`mb-4 leading-[27px] font-light`}>
+        <H3 style={tw`mb-5 mt-4`}>Trending Score criteria</H3>
+        <P style={tw`mb-4 font-light leading-[27px]`}>
           The following criteria are used to calculate a library&apos;s final Trending Score.
         </P>
         <ScoringCriterion headline="Popularity Gain">
           A base for the final library score, it compares the monthly downloads count with weekly
           downloads count and based on those values calculates a growth ratio for the package. The
           formula used for calculating the score looks as following:
-          <View style={tw`px-4 mt-3`}>
+          <View style={tw`mt-3 px-4`}>
             <code>(lastWeekDownloads / Math.floor(monthlyDownloads / 4.25)) / 5</code>
           </View>
-          <P style={[tw`flex mt-3 text-sm font-light text-palette-gray4 dark:text-secondary`]}>
+          <P style={[tw`mt-3 flex text-sm font-light text-palette-gray4 dark:text-secondary`]}>
             The value range span can be quite wide, but most of the packages Popularity Gain value
             fits within +/- 100 range.
           </P>
diff --git a/pages/tools.tsx b/pages/tools.tsx
index 33bc89da0..5af936f95 100644
--- a/pages/tools.tsx
+++ b/pages/tools.tsx
@@ -16,7 +16,7 @@ export default function Tools() {
         title="Tools"
         description="List of development tools, apps and websites using React Native Directory data."
       />
-      <ContentContainer style={tw`my-10 px-4 gap-4`}>
+      <ContentContainer style={tw`my-10 gap-4 px-4`}>
         <ToolEntry
           name="React Native Directory VS Code extension"
           description="Browse through the React Native Directory and perform actions related to the chosen package inside the built-in editor Command Palette."
diff --git a/scenes/ErrorScene.tsx b/scenes/ErrorScene.tsx
index 593ea1acc..27f4d13fe 100644
--- a/scenes/ErrorScene.tsx
+++ b/scenes/ErrorScene.tsx
@@ -20,9 +20,9 @@ export default function ErrorScene({ statusCode, reason }: Props) {
     <>
       <PageMeta title="Error" description="Uh oh, something went wrong" />
       <Navigation header={<></>} />
-      <View style={tw`items-center justify-center w-full px-6 mt-12 mb-18 flex flex-1`}>
+      <View style={tw`mb-18 mt-12 flex w-full flex-1 items-center justify-center px-6`}>
         <Image
-          style={tw`mt-12 mb-6 size-[64px]`}
+          style={tw`mb-6 mt-12 size-[64px]`}
           source={require('~/assets/notfound.png')}
           alt="Error"
         />
diff --git a/scenes/HomeScene.tsx b/scenes/HomeScene.tsx
index c4ebdfe36..36fefb9f7 100644
--- a/scenes/HomeScene.tsx
+++ b/scenes/HomeScene.tsx
@@ -44,20 +44,20 @@ export default function HomeScene({
         <Search
           query={router.query}
           total={statistic.total}
-          style={tw`bg-transparent w-[600px] max-w-full self-center`}
+          style={tw`w-[600px] max-w-full self-center bg-transparent`}
           isHomePage
         />
       </Navigation>
       <ContentContainer style={[tw`px-4 py-5`, isSmallScreen && tw`pt-2`]}>
-        <View style={[tw`flex-row flex-1 gap-1 mb-1`, isSmallScreen && tw`flex-col`]}>
+        <View style={[tw`mb-1 flex-1 flex-row gap-1`, isSmallScreen && tw`flex-col`]}>
           <View style={tw`flex-1 px-2`}>
             <H4
-              style={tw`flex gap-3 pt-3 pb-2 mb-1 items-center font-medium text-secondary dark:text-pewter`}>
+              style={tw`mb-1 flex items-center gap-3 pb-2 pt-3 font-medium text-secondary dark:text-pewter`}>
               Discover by platform
             </H4>
             <View
               style={[
-                tw`min-h-[194px] px-4 py-3 gap-1 mb-4 border rounded-md border-palette-gray2 dark:border-default`,
+                tw`mb-4 min-h-[194px] gap-1 rounded-md border border-palette-gray2 px-4 py-3 dark:border-default`,
                 isSmallScreen && tw`min-h-0`,
               ]}>
               <PlatformRow platform="Android" count={statistic.android} Icon={PlatformAndroid} />
@@ -71,12 +71,12 @@ export default function HomeScene({
           </View>
           <View style={tw`flex-1 px-2`}>
             <H4
-              style={tw`flex gap-3 pt-3 pb-2 mb-1 items-center font-medium text-secondary dark:text-pewter`}>
+              style={tw`mb-1 flex items-center gap-3 pb-2 pt-3 font-medium text-secondary dark:text-pewter`}>
               Explore topics
             </H4>
             <View
               style={[
-                tw`min-h-[194px] flex-row flex-wrap gap-x-3 gap-y-1.5 justify-center content-center px-4 pt-2 pb-3 mb-4 border rounded-md border-palette-gray2 dark:border-default`,
+                tw`mb-4 min-h-[194px] flex-row flex-wrap content-center justify-center gap-x-3 gap-y-1.5 rounded-md border border-palette-gray2 px-4 pb-3 pt-2 dark:border-default`,
                 isSmallScreen && tw`min-h-0`,
               ]}>
               <A href={urlWithQuery('/packages', { search: 'animation' })}>Animation</A>
@@ -111,19 +111,19 @@ export default function HomeScene({
           </View>
           <View style={tw`flex-1 px-2`}>
             <H4
-              style={tw`flex gap-3 pt-3 pb-2 mb-1 items-center font-medium text-secondary dark:text-pewter`}>
+              style={tw`mb-1 flex items-center gap-3 pb-2 pt-3 font-medium text-secondary dark:text-pewter`}>
               Statistics
             </H4>
             <View
               style={[
-                tw`min-h-[194px] gap-1.5 px-4 py-3 mb-4 border rounded-md border-palette-gray2 dark:border-default`,
+                tw`mb-4 min-h-[194px] gap-1.5 rounded-md border border-palette-gray2 px-4 py-3 dark:border-default`,
                 isSmallScreen && tw`min-h-0`,
               ]}>
               <View>
                 <P style={tw`text-2xl font-bold text-primary-darker dark:text-primary`}>
                   {statistic.total.toLocaleString()}
                 </P>
-                <P style={tw`text-sm text-secondary font-light`}>packages in the directory</P>
+                <P style={tw`text-sm font-light text-secondary`}>packages in the directory</P>
               </View>
               <View>
                 <P style={tw`text-2xl font-bold text-primary-darker dark:text-primary`}>
@@ -132,7 +132,7 @@ export default function HomeScene({
                     ({((statistic.newArchitecture / statistic.total) * 100).toFixed(2)}%)
                   </span>
                 </P>
-                <P style={tw`text-sm text-secondary font-light`}>
+                <P style={tw`text-sm font-light text-secondary`}>
                   packages supporting New Architecture
                 </P>
               </View>
@@ -140,7 +140,7 @@ export default function HomeScene({
                 <P style={tw`text-2xl font-bold text-primary-darker dark:text-primary`}>
                   {statistic.downloads.toLocaleString()}
                 </P>
-                <P style={tw`text-sm text-secondary font-light`}>cumulative monthly downloads</P>
+                <P style={tw`text-sm font-light text-secondary`}>cumulative monthly downloads</P>
               </View>
             </View>
           </View>
diff --git a/scenes/PackageOverviewScene.tsx b/scenes/PackageOverviewScene.tsx
index 094cfffab..2500b885f 100644
--- a/scenes/PackageOverviewScene.tsx
+++ b/scenes/PackageOverviewScene.tsx
@@ -54,9 +54,9 @@ export default function PackageOverviewScene({
         path="package"
       />
       <DetailsNavigation library={library} />
-      <ContentContainer style={tw`py-6 px-0`}>
-        <View style={[tw`flex-row py-3 px-5 gap-8`, isSmallScreen && tw`flex-col gap-5`]}>
-          <View style={tw`gap-3 flex-1`}>
+      <ContentContainer style={tw`px-0 py-6`}>
+        <View style={[tw`flex-row gap-8 px-5 py-3`, isSmallScreen && tw`flex-col gap-5`]}>
+          <View style={tw`flex-1 gap-3`}>
             <PackageHeader
               library={library}
               registryData={registryData}
@@ -83,7 +83,7 @@ export default function PackageOverviewScene({
             )}
             {!isSmallScreen && !!author && (
               <>
-                <H6 style={tw`text-[16px] mt-4 text-secondary`}>Author</H6>
+                <H6 style={tw`mt-4 text-[16px] text-secondary`}>Author</H6>
                 <View style={tw`items-start`}>
                   <PackageAuthor author={author} />
                 </View>
@@ -91,7 +91,7 @@ export default function PackageOverviewScene({
             )}
             {!isSmallScreen && maintainers && (
               <>
-                <H6 style={tw`flex gap-1.5 text-[16px] mt-3 text-secondary`}>
+                <H6 style={tw`mt-3 flex gap-1.5 text-[16px] text-secondary`}>
                   Contributors
                   <EntityCounter count={maintainers.length} />
                 </H6>
@@ -106,7 +106,7 @@ export default function PackageOverviewScene({
             )}
             {!isSmallScreen && <MorePackagesBox library={library} />}
           </View>
-          <View style={tw`gap-4 flex-0.35`} id="metadataContainer">
+          <View style={tw`flex-0.35 gap-4`} id="metadataContainer">
             <View>
               <MetaData library={library} />
             </View>
@@ -116,10 +116,10 @@ export default function PackageOverviewScene({
             </View>
             {!library.template && (
               <>
-                <H6 style={tw`text-[16px] mt-3 text-secondary`}>Popularity</H6>
+                <H6 style={tw`mt-3 text-[16px] text-secondary`}>Popularity</H6>
                 <TrendingMark library={library} />
                 <H6 style={tw`text-[16px] text-secondary`}>Downloads (last month)</H6>
-                <View style={tw`h-[54px] gap-1.5 rounded-lg border border-default overflow-hidden`}>
+                <View style={tw`h-[54px] gap-1.5 overflow-hidden rounded-lg border border-default`}>
                   <DownloadsChart packageName={packageName} />
                 </View>
               </>
@@ -130,7 +130,7 @@ export default function PackageOverviewScene({
                   Topics
                   <EntityCounter count={library.github.topics.length} />
                 </H6>
-                <View style={tw`flex-row flex-wrap items-start gap-y-0.5 gap-x-2`}>
+                <View style={tw`flex-row flex-wrap items-start gap-x-2 gap-y-0.5`}>
                   {library.github.topics.map(topic => (
                     <A key={topic} href={`/?search=${topic}`} style={tw`text-[12px] font-light`}>
                       {topic}
@@ -143,7 +143,7 @@ export default function PackageOverviewScene({
               <>
                 <H6 style={tw`text-[16px] text-secondary`}>Package analysis</H6>
                 <ul
-                  style={tw`m-0 pl-4.5 gap-1.5 text-[13px] text-palette-gray4 dark:text-palette-gray5`}>
+                  style={tw`pl-4.5 m-0 gap-1.5 text-[13px] text-palette-gray4 dark:text-palette-gray5`}>
                   <li>
                     <A
                       href={`https://bundlephobia.com/package/${library.npmPkg}`}
diff --git a/scenes/PackageScoreScene.tsx b/scenes/PackageScoreScene.tsx
index d40a73040..5eda9cdd6 100644
--- a/scenes/PackageScoreScene.tsx
+++ b/scenes/PackageScoreScene.tsx
@@ -33,25 +33,25 @@ export default function PackageScoreScene({ apiData, packageName }: PackageScore
         path="package"
       />
       <DetailsNavigation library={library} />
-      <ContentContainer style={tw`my-6 py-3 px-5`}>
-        <View style={tw`gap-3 flex-1`}>
+      <ContentContainer style={tw`my-6 px-5 py-3`}>
+        <View style={tw`flex-1 gap-3`}>
           <PackageHeader library={library} />
           <View
             style={[
-              tw`items-center flex-row gap-1 mt-2 mb-3 py-4 px-7 border rounded-xl border-palette-gray3 bg-palette-gray1 dark:bg-palette-gray7 dark:border-default`,
+              tw`mb-3 mt-2 flex-row items-center gap-1 rounded-xl border border-palette-gray3 bg-palette-gray1 px-7 py-4 dark:border-default dark:bg-palette-gray7`,
               isSmallScreen && tw`flex-col px-5`,
             ]}>
             <View style={tw`items-center`}>
               <H6 style={tw`mb-3`}>Directory score</H6>
               <DirectoryScore score={library.score} sizeMultiplier={2} />
-              <span style={tw`flex text-[24px] font-semibold items-center mt-1 text-primary-dark`}>
+              <span style={tw`mt-1 flex items-center text-[24px] font-semibold text-primary-dark`}>
                 {library.score}/100
               </span>
             </View>
             <View
               style={[
-                tw`w-[0.5px] min-h-[112px] mx-7 bg-palette-gray3 dark:bg-accented`,
-                isSmallScreen && tw`w-full min-h-[0.5px] mx-0 my-3`,
+                tw`mx-7 min-h-[112px] w-[0.5px] bg-palette-gray3 dark:bg-accented`,
+                isSmallScreen && tw`mx-0 my-3 min-h-[0.5px] w-full`,
               ]}
             />
             <View style={tw`flex flex-shrink gap-2`}>
@@ -86,7 +86,7 @@ export default function PackageScoreScene({ apiData, packageName }: PackageScore
                 headline={name}
                 score={value}
                 key={`unmatch-${name}`}
-                style={[tw`opacity-60 border-2 border-dashed`, { filter: 'grayscale(1)' }]}>
+                style={[tw`border-2 border-dashed opacity-60`, { filter: 'grayscale(1)' }]}>
                 {description}
               </ScoringCriterion>
             ))}
diff --git a/scenes/PackageVersionsScene.tsx b/scenes/PackageVersionsScene.tsx
index 725dfd22b..fdc09a3a6 100644
--- a/scenes/PackageVersionsScene.tsx
+++ b/scenes/PackageVersionsScene.tsx
@@ -38,8 +38,8 @@ export default function PackageVersionsScene({
         path="package"
       />
       <DetailsNavigation library={library} />
-      <ContentContainer style={tw`my-6 py-3 px-5`}>
-        <View style={tw`gap-3 flex-1`}>
+      <ContentContainer style={tw`my-6 px-5 py-3`}>
+        <View style={tw`flex-1 gap-3`}>
           <PackageHeader library={library} />
           <H6 style={tw`mt-3 text-secondary`}>Tagged versions</H6>
           <View style={tw`gap-2`}>
@@ -77,7 +77,7 @@ export default function PackageVersionsScene({
                 );
               })}
           </View>
-          <Button onPress={() => setShowAll(true)} style={tw`mt-2 mx-auto py-2 px-4`}>
+          <Button onPress={() => setShowAll(true)} style={tw`mx-auto mt-2 px-4 py-2`}>
             Show all versions
           </Button>
         </View>
diff --git a/scenes/PopularScene.tsx b/scenes/PopularScene.tsx
index 032b8992e..5f512cae3 100644
--- a/scenes/PopularScene.tsx
+++ b/scenes/PopularScene.tsx
@@ -28,7 +28,7 @@ export default function PopularScene({ data }: PopularPageProps) {
         title="Popular libraries"
         description="Browse most popular recently libraries by platform."
       />
-      <ContentContainer style={tw`py-4 px-2`}>
+      <ContentContainer style={tw`px-2 py-4`}>
         <ExploreSection
           title="Core platforms"
           icon={ReactLogo}
diff --git a/scenes/TrendingScene.tsx b/scenes/TrendingScene.tsx
index 22e4c53c7..fdc4eba59 100644
--- a/scenes/TrendingScene.tsx
+++ b/scenes/TrendingScene.tsx
@@ -68,7 +68,7 @@ export default function TrendingScene({ data, query }: TrendingPageProps) {
             <Pagination query={query} total={total} basePath="/trending" />
           </>
         ) : (
-          <View style={tw`items-center mt-6 mb-10`}>
+          <View style={tw`mb-10 mt-6 items-center`}>
             <Image style={tw`size-16`} source={require('~/assets/notfound.png')} alt="No results" />
             <H4>Nothing was found!</H4>
           </View>
diff --git a/styles/styles.css b/styles/styles.css
index 5c36b505c..fa6e48632 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -133,7 +133,7 @@ input:focus-visible {
 
 #__next,
 #__next > div {
-  @apply bg-default min-h-[100vh];
+  @apply min-h-[100vh] bg-default;
 }
 
 /* SELECT */
@@ -280,47 +280,47 @@ select {
 
 @keyframes slideUpAndFade {
   from {
-    @apply opacity-0 translate-y-1.5;
+    @apply translate-y-1.5 opacity-0;
   }
   to {
-    @apply opacity-100 translate-y-0;
+    @apply translate-y-0 opacity-100;
   }
 }
 
 @keyframes slideRightAndFade {
   from {
-    @apply opacity-0 -translate-x-1.5;
+    @apply -translate-x-1.5 opacity-0;
   }
   to {
-    @apply opacity-100 translate-x-0;
+    @apply translate-x-0 opacity-100;
   }
 }
 
 @keyframes slideDownAndFade {
   from {
-    @apply opacity-0 -translate-y-1.5;
+    @apply -translate-y-1.5 opacity-0;
   }
   to {
-    @apply opacity-100 translate-y-0;
+    @apply translate-y-0 opacity-100;
   }
 }
 
 @keyframes slideLeftAndFade {
   from {
-    @apply opacity-0 translate-x-1.5;
+    @apply translate-x-1.5 opacity-0;
   }
   to {
-    @apply opacity-100 translate-x-0;
+    @apply translate-x-0 opacity-100;
   }
 }
 
 /* THREE DOTS LOADER */
 
 #dots-loader {
-  @apply inline-flex items-center justify-center flex-row gap-1.5;
+  @apply inline-flex flex-row items-center justify-center gap-1.5;
 
   .dot {
-    @apply size-2.5 rounded-[50%] opacity-90 inline-block bg-palette-gray4 dark:bg-pewter;
+    @apply inline-block size-2.5 rounded-[50%] bg-palette-gray4 opacity-90 dark:bg-pewter;
     animation: dots-bounce 1.2s infinite ease-in-out both;
 
     &:nth-child(1) {