Format all frontend code with biome (#3935)

biome.json

@@ -8,10 +8,12 @@
     "rules": {
       "recommended": true,
       "correctness": {
-        "useExhaustiveDependencies": "off"
+        "useExhaustiveDependencies": "off",
+        "useJsxKeyInIterable": "off"
       },
       "style": {
-        "noNonNullAssertion": "off"
+        "noNonNullAssertion": "off",
+        "useNodejsImportProtocol": "off"
       },
       "suspicious": {
         "noExplicitAny": "off",

frontend/package.json

@@ -15,11 +15,6 @@
 	},
 	"dependencies": {
 		"@apollo/client": "^3.7.3",
-		"@babel/plugin-transform-react-jsx": "^7.12.1",
-		"@babel/plugin-transform-react-pure-annotations": "^7.12.1",
-		"@emotion/babel-plugin-jsx-pragmatic": "^0.1.5",
-		"@emotion/core": "^10.0.35",
-		"@emotion/react": ">=11.0.0 <12.0.0",
 		"@graphql-codegen/add": "^5.0.2",
 		"@graphql-codegen/cli": "^2.11.3",
 		"@graphql-codegen/fragment-matcher": "^3.3.0",

frontend/src/apollo/client.ts

@@ -1,6 +1,6 @@
-import { ApolloClient, Operation } from "@apollo/client/core";
+import type { ApolloClient, Operation } from "@apollo/client/core";
 import merge from "deepmerge";
-import { DefinitionNode } from "graphql";
+import type { DefinitionNode } from "graphql";
 
 import isEqual from "../helpers/lodash-is-equal";
 import { createClient } from "./create-client";

frontend/src/components/alert/index.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React from "react";
+import type React from "react";
 
 type Props = {
   variant: "alert" | "success" | "info";

frontend/src/components/article/index.tsx

@@ -1,5 +1,6 @@
 import { Heading, Spacer } from "@python-italia/pycon-styleguide";
-import React, { Fragment } from "react";
+import type React from "react";
+import { Fragment } from "react";
 
 type ArticleProps = {
   title?: string;

frontend/src/components/blocks-renderer/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { MapBlock } from "~/components/blocks/map";
 import { TextSection } from "~/components/blocks/text-section";
-import { Block } from "~/types";
+import type { Block } from "~/types";
 
 import { CheckoutSection } from "../blocks/checkout-section";
 import { HomeIntroSection } from "../blocks/home-intro-section";