Reformatted files with biome.

src/components/common/ActionForm.tsx

@@ -1,4 +1,4 @@
-import { Row, Column, Text } from '@umami/react-zen';
+import { Column, Row, Text } from '@umami/react-zen';
 
 export function ActionForm({ label, description, children }) {
   return (

src/components/common/AnimatedDiv.tsx

@@ -1,3 +1,3 @@
-import { animated, AnimatedComponent } from '@react-spring/web';
+import { type AnimatedComponent, animated } from '@react-spring/web';
 
 export const AnimatedDiv: AnimatedComponent<any> = animated.div;

src/components/common/Avatar.tsx

@@ -1,6 +1,6 @@
-import { useMemo } from 'react';
-import { createAvatar } from '@dicebear/core';
 import { lorelei } from '@dicebear/collection';
+import { createAvatar } from '@dicebear/core';
+import { useMemo } from 'react';
 import { getColor, getPastel } from '@/lib/colors';
 
 const lib = lorelei;

src/components/common/ConfirmationForm.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { Box, Button, FormSubmitButton, Form, FormButtons } from '@umami/react-zen';
+import { Box, Button, Form, FormButtons, FormSubmitButton } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 import { useMessages } from '@/components/hooks';
 
 export interface ConfirmationFormProps {

src/components/common/DataGrid.tsx

@@ -1,18 +1,18 @@
+import type { UseQueryResult } from '@tanstack/react-query';
+import { Column, Row, SearchField } from '@umami/react-zen';
 import {
-  ReactNode,
-  useState,
-  useCallback,
-  ReactElement,
   cloneElement,
   isValidElement,
+  type ReactElement,
+  type ReactNode,
+  useCallback,
+  useState,
 } from 'react';
-import { SearchField, Row, Column } from '@umami/react-zen';
-import { UseQueryResult } from '@tanstack/react-query';
-import { useMessages, useMobile, useNavigation } from '@/components/hooks';
-import { Pager } from '@/components/common/Pager';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
-import { PageResult } from '@/lib/types';
 import { Empty } from '@/components/common/Empty';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
+import { Pager } from '@/components/common/Pager';
+import { useMessages, useMobile, useNavigation } from '@/components/hooks';
+import type { PageResult } from '@/lib/types';
 
 const DEFAULT_SEARCH_DELAY = 600;
 

src/components/common/DateDisplay.tsx

@@ -15,7 +15,7 @@ export function DateDisplay({ startDate, endDate }) {
       </Icon>
       <Text wrap="nowrap">
         {isSingleDate ? (
-          <>{formatDate(startDate, 'PP', locale)}</>
+          formatDate(startDate, 'PP', locale)
         ) : (
           <>
             {formatDate(startDate, 'PP', locale)}

src/components/common/EmptyPlaceholder.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { Icon, Text, Column } from '@umami/react-zen';
+import { Column, Icon, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 
 export interface EmptyPlaceholderProps {
   title?: string;

src/components/common/ErrorBoundary.tsx

@@ -1,6 +1,6 @@
-import { ErrorInfo, ReactNode } from 'react';
-import { ErrorBoundary as Boundary } from 'react-error-boundary';
 import { Button, Column } from '@umami/react-zen';
+import type { ErrorInfo, ReactNode } from 'react';
+import { ErrorBoundary as Boundary } from 'react-error-boundary';
 import { useMessages } from '@/components/hooks';
 
 const logError = (error: Error, info: ErrorInfo) => {

src/components/common/ErrorMessage.tsx

@@ -1,4 +1,4 @@
-import { Icon, Text, Row } from '@umami/react-zen';
+import { Icon, Row, Text } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
 import { AlertTriangle } from '@/components/icons';
 

src/components/common/ExternalLink.tsx

@@ -1,5 +1,5 @@
-import Link from 'next/link';
 import { Icon, Row, Text } from '@umami/react-zen';
+import Link from 'next/link';
 import { ExternalLink as LinkIcon } from '@/components/icons';
 
 export function ExternalLink({ href, children, ...props }) {

src/components/common/FilterLink.tsx

@@ -1,6 +1,6 @@
-import { HTMLAttributes, ReactNode, useState } from 'react';
-import Link from 'next/link';
 import { Icon, Row, Text } from '@umami/react-zen';
+import Link from 'next/link';
+import { type HTMLAttributes, type ReactNode, useState } from 'react';
 import { useMessages, useNavigation } from '@/components/hooks';
 import { ExternalLink } from '@/components/icons';
 

src/components/common/FilterRecord.tsx

@@ -1,9 +1,9 @@
+import { Button, Column, Grid, Icon, Label, ListItem, Select, TextField } from '@umami/react-zen';
 import { useState } from 'react';
-import { Grid, Column, TextField, Label, Select, Icon, Button, ListItem } from '@umami/react-zen';
+import { Empty } from '@/components/common/Empty';
 import { useFilters, useFormat, useWebsiteValuesQuery } from '@/components/hooks';
 import { X } from '@/components/icons';
 import { isSearchOperator } from '@/lib/params';
-import { Empty } from '@/components/common/Empty';
 
 export interface FilterRecordProps {
   websiteId: string;

src/components/common/LinkButton.tsx

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { Button, type ButtonProps } from '@umami/react-zen';
 import Link from 'next/link';
-import { Button, ButtonProps } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 import { useLocale } from '@/components/hooks';
 
 export interface LinkButtonProps extends ButtonProps {

src/components/common/LoadingPanel.tsx

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { Loading, Column, type ColumnProps } from '@umami/react-zen';
-import { ErrorMessage } from '@/components/common/ErrorMessage';
+import { Column, type ColumnProps, Loading } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 import { Empty } from '@/components/common/Empty';
+import { ErrorMessage } from '@/components/common/ErrorMessage';
 
 export interface LoadingPanelProps extends ColumnProps {
   data?: any;

src/components/common/PageBody.tsx

@@ -1,6 +1,6 @@
 'use client';
-import { ReactNode } from 'react';
-import { AlertBanner, Loading, Column, ColumnProps } from '@umami/react-zen';
+import { AlertBanner, Column, type ColumnProps, Loading } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 import { useMessages } from '@/components/hooks';
 
 const DEFAULT_WIDTH = '1320px';

src/components/common/PageHeader.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { Heading, Icon, Row, Text, Column, Grid } from '@umami/react-zen';
+import { Column, Grid, Heading, Icon, Row, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 
 export function PageHeader({
   title,

src/components/common/Panel.tsx

@@ -1,16 +1,16 @@
-import { useState } from 'react';
 import {
+  Button,
   Column,
   type ColumnProps,
-  Row,
-  Icon,
-  Button,
-  TooltipTrigger,
-  Tooltip,
   Heading,
+  Icon,
+  Row,
+  Tooltip,
+  TooltipTrigger,
 } from '@umami/react-zen';
-import { Maximize, X } from '@/components/icons';
+import { useState } from 'react';
 import { useMessages } from '@/components/hooks';
+import { Maximize, X } from '@/components/icons';
 
 export interface PanelProps extends ColumnProps {
   title?: string;

src/components/common/SectionHeader.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { Heading, Icon, Row, Text, RowProps } from '@umami/react-zen';
+import { Heading, Icon, Row, type RowProps, Text } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 
 export function SectionHeader({
   title,

src/components/common/SideMenu.tsx

@@ -1,12 +1,12 @@
 import {
-  Heading,
-  NavMenu,
-  NavMenuItem,
-  Row,
   Column,
-  NavMenuGroup,
-  NavMenuProps,
+  Heading,
   IconLabel,
+  NavMenu,
+  NavMenuGroup,
+  NavMenuItem,
+  type NavMenuProps,
+  Row,
 } from '@umami/react-zen';
 import Link from 'next/link';
 
@@ -72,6 +72,7 @@ export function SideMenu({
               </NavMenuGroup>
             );
           }
+          return null;
         })}
       </NavMenu>
     </Column>

src/components/common/TypeConfirmationForm.tsx

@@ -3,8 +3,8 @@ import {
   Form,
   FormButtons,
   FormField,
-  TextField,
   FormSubmitButton,
+  TextField,
 } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
 

src/components/common/TypeIcon.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { Row } from '@umami/react-zen';
+import type { ReactNode } from 'react';
 
 export function TypeIcon({
   type,