Enable recommended rules and fix all linting issues

Author: sandhose

frontend/.storybook/preview.tsx

@@ -4,7 +4,12 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { ArgTypes, Decorator, Parameters, Preview } from "@storybook/react";
+import type {
+  ArgTypes,
+  Decorator,
+  Parameters,
+  Preview,
+} from "@storybook/react";
 import { TooltipProvider } from "@vector-im/compound-web";
 import { useLayoutEffect } from "react";
 

frontend/biome.json

@@ -8,22 +8,19 @@
       "**/dist/**",
       "**/__generated__/**",
       "**/coverage/**",
-      "src/gql/**"
+      "src/gql/**",
+      "src/routeTree.gen.ts"
     ]
   },
   "formatter": {
     "enabled": true,
     "useEditorconfig": true,
-    "ignore": [
-      ".storybook/locales.ts",
-      "locales/*.json",
-      "src/routeTree.gen.ts"
-    ]
+    "ignore": [".storybook/locales.ts", "locales/*.json"]
   },
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": false
+      "recommended": true
     }
   }
 }

frontend/codegen.ts

@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { CodegenConfig } from "@graphql-codegen/cli";
+import type { CodegenConfig } from "@graphql-codegen/cli";
 
 // Adds a comment to the top of generated files to ignore linting and formatting
 const lintIgnore = {

frontend/src/components/AccountManagementPasswordPreview/AccountManagementPasswordPreview.tsx

@@ -8,7 +8,7 @@ import { Link } from "@tanstack/react-router";
 import { Form } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 
-import { FragmentType, graphql, useFragment } from "../../gql";
+import { type FragmentType, graphql, useFragment } from "../../gql";
 
 import styles from "./AccountManagementPasswordPreview.module.css";
 

frontend/src/components/Block/Block.tsx

@@ -6,7 +6,7 @@
 
 import { Heading } from "@vector-im/compound-web";
 import cx from "classnames";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 
 import styles from "./Block.module.css";
 

frontend/src/components/BlockList/BlockList.stories.tsx

@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 // Please see LICENSE in the repository root for full details.
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { H2, Text } from "@vector-im/compound-web";
 
 import Block from "../Block";

frontend/src/components/BrowserSession.tsx

@@ -13,7 +13,7 @@ import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { useMutation } from "urql";
 
-import { FragmentType, graphql, useFragment } from "../gql";
+import { type FragmentType, graphql, useFragment } from "../gql";
 import { DeviceType } from "../gql/graphql";
 
 import DateTime from "./DateTime";

frontend/src/components/ButtonLink.tsx

@@ -6,7 +6,7 @@
 
 import { createLink } from "@tanstack/react-router";
 import { Button } from "@vector-im/compound-web";
-import { PropsWithChildren, forwardRef } from "react";
+import { type PropsWithChildren, forwardRef } from "react";
 
 type Props = {
   kind?: "primary" | "secondary" | "tertiary";

frontend/src/components/Client/OAuth2ClientDetail.tsx

@@ -7,7 +7,7 @@
 import { H3 } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 
-import { FragmentType, useFragment } from "../../gql";
+import { type FragmentType, useFragment } from "../../gql";
 import { graphql } from "../../gql/gql";
 import BlockList from "../BlockList/BlockList";
 import ExternalLink from "../ExternalLink/ExternalLink";

frontend/src/components/CompatSession.tsx

@@ -8,7 +8,7 @@ import { parseISO } from "date-fns";
 import { useTranslation } from "react-i18next";
 import { useMutation } from "urql";
 
-import { FragmentType, graphql, useFragment } from "../gql";
+import { type FragmentType, graphql, useFragment } from "../gql";
 import { DeviceType } from "../gql/graphql";
 
 import { browserLogoUri } from "./BrowserSession";