Reformatted files with biome.

src/app/(main)/websites/[websiteId]/events/EventProperties.tsx

@@ -1,14 +1,14 @@
+import { Column, Grid, ListItem, Select } from '@umami/react-zen';
 import { useMemo, useState } from 'react';
-import { Select, ListItem, Grid, Column } from '@umami/react-zen';
+import { PieChart } from '@/components/charts/PieChart';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
 import {
   useEventDataPropertiesQuery,
   useEventDataValuesQuery,
   useMessages,
 } from '@/components/hooks';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
-import { PieChart } from '@/components/charts/PieChart';
-import { CHART_COLORS } from '@/lib/constants';
 import { ListTable } from '@/components/metrics/ListTable';
+import { CHART_COLORS } from '@/lib/constants';
 
 export function EventProperties({ websiteId }: { websiteId: string }) {
   const [propertyName, setPropertyName] = useState('');

src/app/(main)/websites/[websiteId]/events/EventsDataTable.tsx

@@ -1,9 +1,8 @@
-import { useState } from 'react';
-import { useMessages, useWebsiteEventsQuery } from '@/components/hooks';
-import { EventsTable } from './EventsTable';
+import { type ReactNode, useState } from 'react';
 import { DataGrid } from '@/components/common/DataGrid';
-import { ReactNode } from 'react';
+import { useMessages, useWebsiteEventsQuery } from '@/components/hooks';
 import { FilterButtons } from '@/components/input/FilterButtons';
+import { EventsTable } from './EventsTable';
 
 export function EventsDataTable({
   websiteId,

src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx

@@ -1,9 +1,9 @@
+import { LoadingPanel } from '@/components/common/LoadingPanel';
 import { useMessages } from '@/components/hooks';
 import { useWebsiteSessionStatsQuery } from '@/components/hooks/queries/useWebsiteSessionStatsQuery';
 import { MetricCard } from '@/components/metrics/MetricCard';
 import { MetricsBar } from '@/components/metrics/MetricsBar';
 import { formatLongNumber } from '@/lib/format';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
 
 export function EventsMetricsBar({ websiteId }: { websiteId: string }) {
   const { formatMessage, labels } = useMessages();

src/app/(main)/websites/[websiteId]/events/EventsPage.tsx

@@ -1,15 +1,15 @@
 'use client';
-import { TabList, Tab, Tabs, TabPanel, Column } from '@umami/react-zen';
-import { MetricsTable } from '@/components/metrics/MetricsTable';
-import { useState, Key } from 'react';
-import { EventsDataTable } from './EventsDataTable';
-import { Panel } from '@/components/common/Panel';
-import { EventsChart } from '@/components/metrics/EventsChart';
-import { useMessages } from '@/components/hooks';
-import { EventProperties } from './EventProperties';
-import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
-import { getItem, setItem } from '@/lib/storage';
+import { Column, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
+import { type Key, useState } from 'react';
 import { SessionModal } from '@/app/(main)/websites/[websiteId]/sessions/SessionModal';
+import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
+import { Panel } from '@/components/common/Panel';
+import { useMessages } from '@/components/hooks';
+import { EventsChart } from '@/components/metrics/EventsChart';
+import { MetricsTable } from '@/components/metrics/MetricsTable';
+import { getItem, setItem } from '@/lib/storage';
+import { EventProperties } from './EventProperties';
+import { EventsDataTable } from './EventsDataTable';
 
 const KEY_NAME = 'umami.events.tab';
 

src/app/(main)/websites/[websiteId]/events/EventsTable.tsx

@@ -1,24 +1,24 @@
 import {
-  DataTable,
-  DataColumn,
-  Row,
-  Text,
-  DataTableProps,
-  IconLabel,
   Button,
+  DataColumn,
+  DataTable,
+  type DataTableProps,
   Dialog,
   DialogTrigger,
   Icon,
+  IconLabel,
   Popover,
+  Row,
+  Text,
 } from '@umami/react-zen';
-import { useFormat, useMessages, useNavigation } from '@/components/hooks';
-import { Avatar } from '@/components/common/Avatar';
 import Link from 'next/link';
-import { Eye, FileText } from '@/components/icons';
-import { Lightning } from '@/components/svg';
+import { Avatar } from '@/components/common/Avatar';
 import { DateDistance } from '@/components/common/DateDistance';
 import { TypeIcon } from '@/components/common/TypeIcon';
+import { useFormat, useMessages, useNavigation } from '@/components/hooks';
+import { Eye, FileText } from '@/components/icons';
 import { EventData } from '@/components/metrics/EventData';
+import { Lightning } from '@/components/svg';
 
 export function EventsTable(props: DataTableProps) {
   const { formatMessage, labels } = useMessages();

src/app/(main)/websites/[websiteId]/events/page.tsx

@@ -1,4 +1,4 @@
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 import { EventsPage } from './EventsPage';
 
 export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {