chore(root): migrate to biome

apps/dashboard/src/components/events/event-list-item.tsx

@@ -51,6 +51,7 @@ export function EventListItem(props: EventListItemProps) {
   return (
     <>
       <button
+        type="button"
         onClick={() => {
           if (!isMinimal) {
             pushModal('EventDetails', {
@@ -61,7 +62,7 @@ export function EventListItem(props: EventListItemProps) {
         className={cn(
           'card hover:bg-light-background flex w-full items-center justify-between rounded-lg p-4 transition-colors',
           meta?.conversion &&
-            `bg-${meta.color}-50 dark:bg-${meta.color}-900 hover:bg-${meta.color}-100 dark:hover:bg-${meta.color}-700`
+            `bg-${meta.color}-50 dark:bg-${meta.color}-900 hover:bg-${meta.color}-100 dark:hover:bg-${meta.color}-700`,
         )}
       >
         <div>

apps/dashboard/src/components/events/event-listener.tsx

@@ -38,6 +38,7 @@ export default function EventListener({
     <Tooltip>
       <TooltipTrigger asChild>
         <button
+          type="button"
           onClick={() => {
             counter.set(0);
             onRefresh();
@@ -47,14 +48,14 @@ export default function EventListener({
           <div className="relative">
             <div
               className={cn(
-                'h-3 w-3 animate-ping rounded-full bg-emerald-500 opacity-100 transition-all'
+                'h-3 w-3 animate-ping rounded-full bg-emerald-500 opacity-100 transition-all',
               )}
-            ></div>
+            />
             <div
               className={cn(
-                'absolute left-0 top-0 h-3 w-3 rounded-full bg-emerald-500 transition-all'
+                'absolute left-0 top-0 h-3 w-3 rounded-full bg-emerald-500 transition-all',
               )}
-            ></div>
+            />
           </div>
           {counter.debounced === 0 ? (
             'Listening'

apps/dashboard/src/components/events/table/columns.tsx

@@ -52,6 +52,7 @@ export function useColumns() {
           <div className="flex items-center gap-2">
             <TooltipComplete content="Click to edit" side="left">
               <button
+                type="button"
                 className="transition-transform hover:scale-105"
                 onClick={() => {
                   pushModal('EditEvent', {
@@ -68,6 +69,7 @@ export function useColumns() {
             </TooltipComplete>
             <span className="flex gap-2">
               <button
+                type="button"
                 onClick={() => {
                   pushModal('EventDetails', {
                     id: row.original.id,

apps/dashboard/src/components/events/table/index.tsx

@@ -1,4 +1,3 @@
-import type { Dispatch, SetStateAction } from 'react';
 import { DataTable } from '@/components/data-table';
 import { FullPageEmptyState } from '@/components/full-page-empty-state';
 import { Pagination } from '@/components/pagination';
@@ -7,6 +6,7 @@ import { TableSkeleton } from '@/components/ui/table';
 import type { UseQueryResult } from '@tanstack/react-query';
 import { GanttChartIcon } from 'lucide-react';
 import { column } from 'mathjs';
+import type { Dispatch, SetStateAction } from 'react';
 
 import type { IServiceEvent } from '@openpanel/db';
 
@@ -55,7 +55,7 @@ export const EventsTable = ({ query, ...props }: Props) => {
           className="mt-2"
           setCursor={props.setCursor}
           cursor={props.cursor}
-          count={Infinity}
+          count={Number.POSITIVE_INFINITY}
           take={50}
           loading={isFetching}
         />