fix prettier

Author: Perryvw

api/eslint.config.js

@@ -2,15 +2,10 @@ import js from "@eslint/js";
 import reactHooks from "eslint-plugin-react-hooks";
 import tseslint from "typescript-eslint";
 
-export default tseslint.config(
-  { ignores: ["node_modules"] },
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
-  {
-    plugins: { "react-hooks": reactHooks },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      "quotes": ["error", "double"],
-    },
+export default tseslint.config({ ignores: ["node_modules"] }, js.configs.recommended, ...tseslint.configs.recommended, {
+  plugins: { "react-hooks": reactHooks },
+  rules: {
+    ...reactHooks.configs.recommended.rules,
+    quotes: ["error", "double"],
   },
-);
+});

api/src/components/Docs/ReferencesLink.tsx

@@ -33,7 +33,7 @@ export const ReferencesLink: React.FC<{ name: string }> = ({ name }) => {
   return (
     <StyledReferencesLink
       to={`/vscripts${search}`}
-      className={() => isActive ? "active" : ""}
+      className={() => (isActive ? "active" : "")}
       title="Find all usages of this API"
     >
       {referencesCount} reference{referencesCount === 1 ? "" : "s"}

api/src/components/layout/NavBar.tsx

@@ -100,7 +100,9 @@ const ToggleThumb = styled.span<{ $active: boolean }>`
   border-radius: 50%;
   background-color: ${(props) => (props.$active ? "#606060" : "#ffffff")};
   border: 2px solid ${(props) => (props.$active ? "#404040" : "#e0e0e0")};
-  transition: left 0.2s, background-color 0.2s;
+  transition:
+    left 0.2s,
+    background-color 0.2s;
   box-sizing: border-box;
 `;