Enable noUnusedImports rule in Biome (#4656)

Author: bilalabbad

frontend/app/biome.json

@@ -52,7 +52,7 @@
         "noUndeclaredDependencies": "off",
         "noUndeclaredVariables": "off",
         "noUnusedFunctionParameters": "off",
-        "noUnusedImports": "off",
+        "noUnusedImports": "error",
         "noUnusedVariables": "off",
         "useExhaustiveDependencies": "off",
         "useHookAtTopLevel": "off",

frontend/app/src/components/branch-selector.tsx

@@ -6,7 +6,7 @@ import { branchesState, currentBranchAtom } from "@/state/atoms/branches.atom";
 import { branchesToSelectOptions } from "@/utils/branches";
 import { Icon } from "@iconify-icon/react";
 import { useAtomValue } from "jotai/index";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { StringParam, useQueryParam } from "use-query-params";
 
 import { ComboboxItem } from "@/components/ui/combobox";

frontend/app/src/components/conversations/add-comment.tsx

@@ -4,7 +4,7 @@ import { isRequired } from "@/components/form/utils/validation";
 import { Form, FormRef, FormSubmit } from "@/components/ui/form";
 import { useAuth } from "@/hooks/useAuth";
 import { constructPath } from "@/utils/fetch";
-import React, { forwardRef, ReactElement } from "react";
+import { ReactElement, forwardRef } from "react";
 import { useLocation } from "react-router-dom";
 
 type CommentFormData = {

frontend/app/src/components/filters/filter-form.tsx

@@ -7,7 +7,7 @@ import { Form, FormProps, FormRef, FormSubmit } from "@/components/ui/form";
 import { Filter } from "@/hooks/useFilters";
 import { IModelSchema } from "@/state/atoms/schema.atom";
 import { classNames, isGeneric } from "@/utils/common";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 export interface FilterFormProps extends FormProps {
   schema: IModelSchema;

frontend/app/src/components/filters/filter-kind-selector.tsx

@@ -13,7 +13,7 @@ import { FormField, FormInput, FormMessage } from "@/components/ui/form";
 import useFilters from "@/hooks/useFilters";
 import { iGenericSchema, profilesAtom, schemaState } from "@/state/atoms/schema.atom";
 import { useAtomValue } from "jotai/index";
-import React, { useState } from "react";
+import { useState } from "react";
 
 export const FilterKindSelector = ({ genericSchema }: { genericSchema: iGenericSchema }) => {
   const [activeFilters] = useFilters();

frontend/app/src/components/filters/filters.tsx

@@ -8,7 +8,7 @@ import useFilters from "@/hooks/useFilters";
 import usePagination from "@/hooks/usePagination";
 import { IModelSchema } from "@/state/atoms/schema.atom";
 import { Icon } from "@iconify-icon/react";
-import React, { useState } from "react";
+import { useState } from "react";
 
 type FiltersProps = {
   schema: IModelSchema;

frontend/app/src/components/form/branch-create-form.tsx

@@ -9,7 +9,6 @@ import { BRANCH_CREATE } from "@/graphql/mutations/branches/createBranch";
 import { useMutation } from "@/hooks/useQuery";
 import { branchesState } from "@/state/atoms/branches.atom";
 import { useAtom } from "jotai";
-import React from "react";
 import { StringParam, useQueryParam } from "use-query-params";
 
 type BranchFormData = {

frontend/app/src/components/form/dynamic-form.tsx

@@ -15,7 +15,7 @@ import { DynamicFieldProps, FormFieldValue } from "@/components/form/type";
 import { Form, FormProps, FormRef, FormSubmit } from "@/components/ui/form";
 import { SCHEMA_ATTRIBUTE_KIND } from "@/config/constants";
 import { warnUnexpectedType } from "@/utils/common";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 export interface DynamicFormProps extends Omit<FormProps, "onSubmit"> {
   fields: Array<DynamicFieldProps>;

frontend/app/src/components/form/fields/common.tsx

@@ -11,7 +11,6 @@ import { Tooltip } from "@/components/ui/tooltip";
 import { classNames } from "@/utils/common";
 import { getObjectDetailsUrl2 } from "@/utils/objects";
 import { Icon } from "@iconify-icon/react";
-import React from "react";
 import { Link } from "react-router-dom";
 
 export const InputUniqueTips = ({ className }: { className: string }) => (

frontend/app/src/components/form/fields/enum.field.tsx

@@ -1,7 +1,6 @@
 import { LabelFormField } from "@/components/form/fields/common";
 import { DynamicEnumFieldProps, FormAttributeValue } from "@/components/form/type";
 import { FormField, FormInput, FormMessage } from "@/components/ui/form";
-import React from "react";
 
 import { DEFAULT_FORM_FIELD_VALUE } from "@/components/form/constants";
 import { updateFormFieldValue } from "@/components/form/utils/updateFormFieldValue";