diff --git a/apps/screenshot-worker/src/index.ts b/apps/screenshot-worker/src/index.ts
index b24dd63797..cfd3ef7905 100644
--- a/apps/screenshot-worker/src/index.ts
+++ b/apps/screenshot-worker/src/index.ts
@@ -55,8 +55,8 @@ app.post(
     const db = createDrizzleClient(env);
 
     const sessionId = await getRandomSession(env.MYBROWSER);
-    // biome-ignore lint/suspicious/noImplicitAnyLet: <explanation>
-    let browser;
+
+    let browser: puppeteer.Browser | undefined;
     if (sessionId) {
       try {
         browser = await puppeteer.connect(env.MYBROWSER, sessionId);
@@ -112,8 +112,10 @@ const getRandomSession = async (
   }
 
   const sessionId = sessionsIds[Math.floor(Math.random() * sessionsIds.length)];
+  if (!sessionId) {
+    throw new Error("No available session IDs");
+  }
 
-  // biome-ignore lint/style/noNonNullAssertion: <explanation>
-  return sessionId!;
+  return sessionId;
 };
 export default app;
diff --git a/apps/server/src/v1/check/post.ts b/apps/server/src/v1/check/post.ts
index 306e0d9286..f06052f352 100644
--- a/apps/server/src/v1/check/post.ts
+++ b/apps/server/src/v1/check/post.ts
@@ -76,15 +76,15 @@ export function registerPostCheck(api: typeof checkAPI) {
             workspaceId: workspaceId,
             url: input.url,
             method: input.method,
-            headers: input.headers?.reduce((acc, { key, value }) => {
-              if (!key) return acc; // key === "" is an invalid header
-
-              return {
-                // biome-ignore lint/performance/noAccumulatingSpread: <explanation>
-                ...acc,
-                [key]: value,
-              };
-            }, {}),
+            headers: input.headers?.reduce<{ [key: string]: string }>(
+              (acc, { key, value }) => {
+                if (!key) return acc; // key === "" is an invalid header
+
+                acc[key] = value; // Directly assign to the accumulator
+                return acc;
+              },
+              {},
+            ),
             body: input.body ? input.body : undefined,
           }),
         });
diff --git a/apps/web/src/app/(content)/features/_components/assertions-timing-form-example.tsx b/apps/web/src/app/(content)/features/_components/assertions-timing-form-example.tsx
index 7a60d0856d..30ea2a662f 100644
--- a/apps/web/src/app/(content)/features/_components/assertions-timing-form-example.tsx
+++ b/apps/web/src/app/(content)/features/_components/assertions-timing-form-example.tsx
@@ -21,8 +21,7 @@ export function AssertionsTimingFormExample() {
       headerAssertions: assertions
         .deserialize(_assertions)
         .map((a) => a.schema)
-        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-        .filter((a) => a.type === "header") as any,
+        .filter((a): a is assertions.AssertionType => a.type === "header"),
     },
   });
   return (
diff --git a/apps/web/src/app/_components/input-search.tsx b/apps/web/src/app/_components/input-search.tsx
index e758ca8823..f26bd4820c 100644
--- a/apps/web/src/app/_components/input-search.tsx
+++ b/apps/web/src/app/_components/input-search.tsx
@@ -52,12 +52,13 @@ export function InputSearch({
     () =>
       events.reduce(
         (prev, curr) => {
-          return {
-            // biome-ignore lint/performance/noAccumulatingSpread: <explanation>
-            ...prev,
-            status: [...new Set([curr.statusCode, ...(prev.status || [])])],
-            region: [...new Set([curr.region, ...(prev.region || [])])],
-          };
+          if (!prev.status.includes(curr.statusCode)) {
+            prev.status.push(curr.statusCode);
+          }
+          if (!prev.region.includes(curr.region)) {
+            prev.region.push(curr.region);
+          }
+          return prev;
         },
         // defaultState
         { limit: [10, 25, 50], status: [], region: [] } as {
diff --git a/apps/web/src/app/api/checker/cron/_cron.ts b/apps/web/src/app/api/checker/cron/_cron.ts
index 8f7cdc478a..2a1a7cf45b 100644
--- a/apps/web/src/app/api/checker/cron/_cron.ts
+++ b/apps/web/src/app/api/checker/cron/_cron.ts
@@ -32,9 +32,8 @@ export const isAuthorizedDomain = (url: string) => {
 
 export const cron = async ({
   periodicity,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  req,
-}: z.infer<typeof periodicityAvailable> & { req: NextRequest }) => {
+  // req, // Commented out as not used to avoid biome-ignore
+}: z.infer<typeof periodicityAvailable> & { req?: NextRequest }) => {
   const client = new CloudTasksClient({
     projectId: env.GCP_PROJECT_ID,
     credentials: {
diff --git a/apps/web/src/app/api/og/_components/tracker.tsx b/apps/web/src/app/api/og/_components/tracker.tsx
index 9d3cfc86f4..b1c7a05d43 100644
--- a/apps/web/src/app/api/og/_components/tracker.tsx
+++ b/apps/web/src/app/api/og/_components/tracker.tsx
@@ -2,6 +2,7 @@ import type { Monitor } from "@openstatus/tinybird";
 import { Tracker as OSTracker, classNames } from "@openstatus/tracker";
 
 import { cn, formatDate } from "@/lib/utils";
+import { nanoid } from "nanoid";
 
 export function Tracker({ data }: { data: Monitor[] }) {
   const tracker = new OSTracker({ data });
@@ -14,26 +15,28 @@ export function Tracker({ data }: { data: Monitor[] }) {
         </div>
         {/* Empty State */}
         <div tw="flex flex-row relative">
-          {new Array(data.length).fill(null).map((_, i) => {
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            return <div key={i} tw="h-16 w-3 rounded-full mr-1 bg-black/20" />;
+          {new Array(data.length).fill(null).map((_) => {
+            return (
+              <div
+                key={`placeholder-${nanoid(6)}`}
+                tw="h-16 w-3 rounded-full mr-1 bg-black/20"
+              />
+            );
           })}
           <div tw="flex flex-row-reverse absolute left-0">
-            {tracker.days.map((item, i) => {
+            {tracker.days.map((item, _i) => {
               const isBlackListed = Boolean(item.blacklist);
               if (isBlackListed) {
                 return (
                   <div
-                    // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                    key={i}
+                    key={`day-${item?.day}-${nanoid(6)}`}
                     tw="h-16 w-3 rounded-full mr-1 bg-status-operational/90"
                   />
                 );
               }
               return (
                 <div
-                  // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                  key={i}
+                  key={`day-${item?.day}-${nanoid(6)}`}
                   tw={cn(
                     "h-16 w-3 rounded-full mr-1",
                     classNames[item.variant],
diff --git a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/data/_components/data-table-wrapper.tsx b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/data/_components/data-table-wrapper.tsx
index e934babe5a..2fe7398c57 100644
--- a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/data/_components/data-table-wrapper.tsx
+++ b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/data/_components/data-table-wrapper.tsx
@@ -23,8 +23,8 @@ import type { monitorFlyRegionSchema } from "@openstatus/db/src/schema/constants
 import type { z } from "zod";
 
 // EXAMPLE: get the type of the response of the endpoint
-// biome-ignore lint/correctness/noUnusedVariables: <explanation>
-type T = Awaited<ReturnType<ReturnType<OSTinybird["endpointList"]>>>;
+// Commented out as not used to avoid biome-ignore
+// type T = Awaited<ReturnType<ReturnType<OSTinybird["endpointList"]>>>;
 
 // FIXME: use proper type
 export type Monitor = {
diff --git a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/details/page.tsx b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/details/page.tsx
index f6b9045543..8b85053386 100644
--- a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/details/page.tsx
+++ b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/details/page.tsx
@@ -20,11 +20,10 @@ const searchParamsSchema = z.object({
 });
 
 export default async function Details({
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  params,
+  // params, // Commented out as not used to avoid biome-ignore
   searchParams,
 }: {
-  params: { id: string; workspaceSlug: string };
+  params?: { id: string; workspaceSlug: string };
   searchParams: { [key: string]: string | string[] | undefined };
 }) {
   const search = searchParamsSchema.safeParse(searchParams);
diff --git a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/overview/loading.tsx b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/overview/loading.tsx
index c12f289e9c..356dd2cba3 100644
--- a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/overview/loading.tsx
+++ b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/overview/loading.tsx
@@ -1,21 +1,26 @@
 import { Separator, Skeleton } from "@openstatus/ui";
+import { nanoid } from "nanoid";
 
 export default function Loading() {
   return (
     <div className="grid gap-4">
       <Skeleton className="h-10 w-[150px]" />
       <div className="grid gap-6">
-        <div className="grid grid-cols-2 gap-4 sm:grid-cols-4 md:grid-cols-5 md:gap-6">
-          {new Array(4).fill(0).map((_, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            <Skeleton key={i} className="h-16 w-full" />
+        <div className="grid grid-cols-2 gap-4 md:grid-cols-5 sm:grid-cols-4 md:gap-6">
+          {new Array(4).fill(0).map((_) => (
+            <Skeleton
+              key={`skeleton-loading-${nanoid(6)}`}
+              className="h-16 w-full"
+            />
           ))}
         </div>
         <div className="grid gap-4">
-          <div className="grid grid-cols-2 gap-4 sm:grid-cols-4 md:grid-cols-5 md:gap-6">
-            {new Array(5).fill(0).map((_, i) => (
-              // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-              <Skeleton key={i} className="h-16 w-full" />
+          <div className="grid grid-cols-2 gap-4 md:grid-cols-5 sm:grid-cols-4 md:gap-6">
+            {new Array(5).fill(0).map((_) => (
+              <Skeleton
+                key={`skeleton-loading-${nanoid(6)}`}
+                className="h-16 w-full"
+              />
             ))}
           </div>
           <Skeleton className="h-3 w-40" />
diff --git a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/rum/_components/category-bar.tsx b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/rum/_components/category-bar.tsx
index 92e016382a..acb6e29489 100644
--- a/apps/web/src/app/app/[workspaceSlug]/(dashboard)/rum/_components/category-bar.tsx
+++ b/apps/web/src/app/app/[workspaceSlug]/(dashboard)/rum/_components/category-bar.tsx
@@ -10,6 +10,7 @@ import {
 } from "@openstatus/ui";
 
 import { cn } from "@/lib/utils";
+import { nanoid } from "nanoid";
 
 const MAX_VALUE_RATIO = 1.3; // avoiding Infinity as number
 
@@ -62,12 +63,11 @@ export function CategoryBar({ values, marker }: CategoryBarProps) {
         <div className="absolute bottom-0 left-0 flex items-center text-muted-foreground text-xs">
           0
         </div>
-        {valuesWithPercentage.slice(0, values.length - 1).map((value, i) => {
+        {valuesWithPercentage.slice(0, values.length - 1).map((value) => {
           const width = `${(value.percentage * 100).toFixed(2)}%`;
           return (
             <div
-              // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-              key={i}
+              key={`category-bar-label-${nanoid(6)}`}
               className="flex items-center justify-end"
               style={{ width }}
             >
@@ -83,10 +83,15 @@ export function CategoryBar({ values, marker }: CategoryBarProps) {
         </div>
       </div>
       <div className="flex h-3 w-full overflow-hidden rounded-full">
-        {valuesWithPercentage.map((value, i) => {
+        {valuesWithPercentage.map((value) => {
           const width = `${(value.percentage * 100).toFixed(2)}%`;
-          // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-          return <div key={i} className={cn(value.color)} style={{ width }} />;
+          return (
+            <div
+              key={`category-bar-segment-${nanoid(6)}`}
+              className={cn(value.color)}
+              style={{ width }}
+            />
+          );
         })}
       </div>
       <div
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index c88b320490..a22acbcaa4 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -38,14 +38,10 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
+  const bodyClassName = `${inter.className} ${calSans.variable}`;
   return (
     <html lang="en">
-      <body
-        className={`${
-          inter.className
-          // biome-ignore lint/nursery/useSortedClasses: <explanation>
-        } ${calSans.variable}`}
-      >
+      <body className={bodyClassName}>
         <ThemeProvider attribute="class" defaultTheme="light" enableSystem>
           <Background>{children}</Background>
           <Toaster richColors />
diff --git a/apps/web/src/app/play/checker/_components/global-monitoring.tsx b/apps/web/src/app/play/checker/_components/global-monitoring.tsx
index 8de9288efe..8c9c27dfa0 100644
--- a/apps/web/src/app/play/checker/_components/global-monitoring.tsx
+++ b/apps/web/src/app/play/checker/_components/global-monitoring.tsx
@@ -11,6 +11,8 @@ import {
   CardTitle,
 } from "@/components/marketing/card";
 
+import { nanoid } from "nanoid";
+
 const features: {
   icon: ValidIcon;
   catchline: string;
@@ -43,9 +45,8 @@ export const GlobalMonitoring = () => {
         <CardTitle>Start monitoring your services</CardTitle>
       </CardHeader>
       <ul className="grid grid-cols-1 gap-4 sm:grid-cols-3 sm:gap-6">
-        {features?.map((feature, i) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-          <CardFeature key={i} {...feature} />
+        {features?.map((feature) => (
+          <CardFeature key={`${feature.icon}-${nanoid(6)}`} {...feature} />
         ))}
       </ul>
       <div className="order-first flex items-center justify-center gap-2 text-center md:order-none">
diff --git a/apps/web/src/app/public/monitors/[id]/loading.tsx b/apps/web/src/app/public/monitors/[id]/loading.tsx
index 363e4fd705..c3ded8990f 100644
--- a/apps/web/src/app/public/monitors/[id]/loading.tsx
+++ b/apps/web/src/app/public/monitors/[id]/loading.tsx
@@ -1,6 +1,7 @@
 import { Separator, Skeleton } from "@openstatus/ui";
 
 import { Shell } from "@/components/dashboard/shell";
+import { nanoid } from "nanoid";
 
 export default function Loading() {
   return (
@@ -16,17 +17,21 @@ export default function Loading() {
       </Shell>
       <Shell className="grid gap-4">
         <div className="grid gap-6">
-          <div className="grid grid-cols-2 gap-4 sm:grid-cols-4 md:grid-cols-5 md:gap-6">
-            {new Array(4).fill(0).map((_, i) => (
-              // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-              <Skeleton key={i} className="h-16 w-full" />
+          <div className="grid grid-cols-2 gap-4 md:grid-cols-5 sm:grid-cols-4 md:gap-6">
+            {new Array(4).fill(0).map((_) => (
+              <Skeleton
+                key={`skeleton-loading-${nanoid(6)}`}
+                className="h-16 w-full"
+              />
             ))}
           </div>
           <div className="grid gap-4">
-            <div className="grid grid-cols-2 gap-4 sm:grid-cols-4 md:grid-cols-5 md:gap-6">
-              {new Array(5).fill(0).map((_, i) => (
-                // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                <Skeleton key={i} className="h-16 w-full" />
+            <div className="grid grid-cols-2 gap-4 md:grid-cols-5 sm:grid-cols-4 md:gap-6">
+              {new Array(5).fill(0).map((_) => (
+                <Skeleton
+                  key={`skeleton-loading-${nanoid(6)}`}
+                  className="h-16 w-full"
+                />
               ))}
             </div>
             <Skeleton className="h-3 w-40" />
diff --git a/apps/web/src/app/status-page/[domain]/_components/password-form.tsx b/apps/web/src/app/status-page/[domain]/_components/password-form.tsx
index da9a479c80..a283090d32 100644
--- a/apps/web/src/app/status-page/[domain]/_components/password-form.tsx
+++ b/apps/web/src/app/status-page/[domain]/_components/password-form.tsx
@@ -111,8 +111,8 @@ export function PasswordForm({ slug }: PasswordFormProps) {
                   type={inputType}
                   disabled={loading}
                   trailing={
-                    // biome-ignore lint/a11y/useButtonType: <explanation>
                     <button
+                      type="button"
                       onClick={() =>
                         setInputType((type) =>
                           type === "password" ? "text" : "password",
diff --git a/apps/web/src/components/data-table/data-table-badges.tsx b/apps/web/src/components/data-table/data-table-badges.tsx
index 695dec2c40..bef4035fbc 100644
--- a/apps/web/src/components/data-table/data-table-badges.tsx
+++ b/apps/web/src/components/data-table/data-table-badges.tsx
@@ -5,6 +5,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@openstatus/ui";
+import { nanoid } from "nanoid";
 
 export function DataTableBadges({ names }: { names: string[] }) {
   const [first, second, ...rest] = names;
@@ -26,9 +27,8 @@ export function DataTableBadges({ names }: { names: string[] }) {
               </Badge>
             </TooltipTrigger>
             <TooltipContent side="top" className="flex gap-2">
-              {rest.map((name, i) => (
-                // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                <Badge key={i} variant="outline">
+              {rest.map((name) => (
+                <Badge key={`${name}-${nanoid(6)}`} variant="outline">
                   {name}
                 </Badge>
               ))}
diff --git a/apps/web/src/components/data-table/data-table-skeleton.tsx b/apps/web/src/components/data-table/data-table-skeleton.tsx
index f7b7726344..de06402d1f 100644
--- a/apps/web/src/components/data-table/data-table-skeleton.tsx
+++ b/apps/web/src/components/data-table/data-table-skeleton.tsx
@@ -7,6 +7,7 @@ import {
   TableHeader,
   TableRow,
 } from "@openstatus/ui";
+import { nanoid } from "nanoid";
 
 interface DataTableSkeletonProps {
   /**
@@ -40,9 +41,11 @@ export function DataTableSkeleton({ rows = 3 }: DataTableSkeletonProps) {
           </TableRow>
         </TableHeader>
         <TableBody>
-          {new Array(rows).fill(0).map((_, i) => (
-            // biome-ignore lint: only one row
-            <TableRow key={i} className="hover:bg-transparent">
+          {new Array(rows).fill(0).map((_) => (
+            <TableRow
+              key={`skeleton-row-${nanoid(6)}`}
+              className="hover:bg-transparent"
+            >
               <TableCell>
                 <Skeleton className="my-1.5 h-4 w-full max-w-[10rem]" />
               </TableCell>
diff --git a/apps/web/src/components/forms/monitor/form.tsx b/apps/web/src/components/forms/monitor/form.tsx
index 0649cf343d..fbebb46a6e 100644
--- a/apps/web/src/components/forms/monitor/form.tsx
+++ b/apps/web/src/components/forms/monitor/form.tsx
@@ -87,14 +87,15 @@ export function MonitorForm({
       pages: defaultValues?.pages ?? [],
       tags: defaultValues?.tags ?? [],
       public: defaultValues?.public ?? false,
-      // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-      statusAssertions: _assertions.filter((a) => a.type === "status") as any, // TS considers a.type === "header"
-      // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-      headerAssertions: _assertions.filter((a) => a.type === "header") as any, // TS considers a.type === "status"
+      statusAssertions: _assertions.filter(
+        (a): a is assertions.StatusAssertionType => a.type === "status",
+      ), // TS considers a.type === "header"
+      headerAssertions: _assertions.filter(
+        (a): a is assertions.AssertionType => a.type === "header",
+      ), // TS considers a.type === "status"
       textBodyAssertions: _assertions.filter(
-        (a) => a.type === "textBody",
-        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-      ) as any, // TS considers a.type === "textBody"
+        (a): a is assertions.TextBodyAssertionType => a.type === "textBody",
+      ), // TS considers a.type === "textBody"
       degradedAfter: defaultValues?.degradedAfter,
       timeout: defaultValues?.timeout || 45000,
     },
@@ -211,8 +212,9 @@ export function MonitorForm({
       const data = (await res.json()) as RegionChecker;
 
       const _headers: Record<string, string> = {};
-      // biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
-      res.headers.forEach((value, key) => (_headers[key] = value));
+      res.headers.forEach((value, key) => {
+        _headers[key] = value;
+      });
 
       if (as.length > 0) {
         for (const a of as) {
diff --git a/apps/web/src/components/forms/monitor/section-notifications.tsx b/apps/web/src/components/forms/monitor/section-notifications.tsx
index 04483e7863..a32d98f3b4 100644
--- a/apps/web/src/components/forms/monitor/section-notifications.tsx
+++ b/apps/web/src/components/forms/monitor/section-notifications.tsx
@@ -38,8 +38,7 @@ export function SectionNotifications({ form, notifications }: Props) {
       <FormField
         control={form.control}
         name="notifications"
-        // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-        render={({ field }) => {
+        render={() => {
           return (
             <FormItem>
               <div className="mb-4">
diff --git a/apps/web/src/components/forms/monitor/section-scheduling.tsx b/apps/web/src/components/forms/monitor/section-scheduling.tsx
index 76afbb9ea3..052d46c72b 100644
--- a/apps/web/src/components/forms/monitor/section-scheduling.tsx
+++ b/apps/web/src/components/forms/monitor/section-scheduling.tsx
@@ -91,8 +91,7 @@ export function SectionScheduling({ form, limits, plan }: Props) {
       <FormField
         control={form.control}
         name="regions"
-        // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-        render={({ field }) => {
+        render={() => {
           return (
             <FormItem>
               <div className="mb-4">
diff --git a/apps/web/src/components/forms/monitor/section-status-page.tsx b/apps/web/src/components/forms/monitor/section-status-page.tsx
index beb7def3a8..cee0c54fa4 100644
--- a/apps/web/src/components/forms/monitor/section-status-page.tsx
+++ b/apps/web/src/components/forms/monitor/section-status-page.tsx
@@ -56,8 +56,7 @@ export function SectionStatusPage({ form, pages }: Props) {
       <FormField
         control={form.control}
         name="pages"
-        // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-        render={({ field }) => {
+        render={() => {
           return (
             <FormItem>
               <div className="mb-4">
diff --git a/apps/web/src/components/forms/status-page/section-advanced.tsx b/apps/web/src/components/forms/status-page/section-advanced.tsx
index b700ddf53e..b06cced302 100644
--- a/apps/web/src/components/forms/status-page/section-advanced.tsx
+++ b/apps/web/src/components/forms/status-page/section-advanced.tsx
@@ -76,8 +76,9 @@ export function SectionAdvanced({ form }: Props) {
   };
 
   const handleCancel = () => {
-    // biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
-    inputFileRef.current?.value && (inputFileRef.current.value = "");
+    if (inputFileRef.current) {
+      inputFileRef.current.value = "";
+    }
   };
 
   const handleConfirm = async () => {
diff --git a/apps/web/src/components/layout/header/breadcrumbs.tsx b/apps/web/src/components/layout/header/breadcrumbs.tsx
index a6edfe9d07..d4ed88a49d 100644
--- a/apps/web/src/components/layout/header/breadcrumbs.tsx
+++ b/apps/web/src/components/layout/header/breadcrumbs.tsx
@@ -5,14 +5,11 @@ import Image from "next/image";
 import Link from "next/link";
 import {
   useParams,
-  useSelectedLayoutSegment,
-  useSelectedLayoutSegments,
 } from "next/navigation";
-import { Fragment, useEffect, useState } from "react";
+import { Fragment } from "react";
 
 import { SelectWorkspace } from "@/components/workspace/select-workspace";
 import { notEmpty } from "@/lib/utils";
-import { api } from "@/trpc/client";
 
 export function Breadcrumbs() {
   const params = useParams();
@@ -63,45 +60,3 @@ export function Breadcrumbs() {
     </div>
   );
 }
-
-// This is a custom hook that returns the label of the current id
-// biome-ignore lint/correctness/noUnusedVariables: <explanation>
-function useIdLabel() {
-  const params = useParams();
-  const selectedSegment = useSelectedLayoutSegment();
-  const selectedSegments = useSelectedLayoutSegments();
-  const [label, setLabel] = useState<string>();
-
-  // remove route groups like '(overview)' from the segments
-  const segmentsWithoutRouteGroup = selectedSegments.filter(
-    (segment) => !segment.startsWith("("),
-  );
-
-  const isRoot = segmentsWithoutRouteGroup.length <= 1;
-
-  useEffect(() => {
-    async function getInfos() {
-      const { id } = params;
-      if (!isRoot && id) {
-        if (selectedSegment === "monitors") {
-          const monitor = await api.monitor.getMonitorById.query({
-            id: Number(id),
-          });
-          if (monitor) setLabel(monitor.name);
-        }
-        if (selectedSegment === "status-pages") {
-          const statusPage = await api.page.getPageById.query({
-            id: Number(id),
-          });
-          if (statusPage) setLabel(statusPage.title);
-        }
-      }
-      if (isRoot && label) {
-        setLabel(undefined);
-      }
-    }
-    getInfos();
-  }, [params, selectedSegment, isRoot, label]);
-
-  return label;
-}
diff --git a/apps/web/src/components/marketing/alert/card.tsx b/apps/web/src/components/marketing/alert/card.tsx
index 6db54c6945..9421601795 100644
--- a/apps/web/src/components/marketing/alert/card.tsx
+++ b/apps/web/src/components/marketing/alert/card.tsx
@@ -1,4 +1,5 @@
 import { cardConfig } from "@/config/features";
+import { nanoid } from "nanoid";
 import {
   CardContainer,
   CardContent,
@@ -21,9 +22,8 @@ export function AlertCard() {
       <CardContent>
         <Timeline />
         <CardFeatureContainer>
-          {features?.map((feature, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            <CardFeature key={i} {...feature} />
+          {features?.map((feature) => (
+            <CardFeature key={`alert-card-${nanoid(6)}`} {...feature} />
           ))}
         </CardFeatureContainer>
       </CardContent>
diff --git a/apps/web/src/components/marketing/monitor/card.tsx b/apps/web/src/components/marketing/monitor/card.tsx
index 755a49f76d..a372a5ba1c 100644
--- a/apps/web/src/components/marketing/monitor/card.tsx
+++ b/apps/web/src/components/marketing/monitor/card.tsx
@@ -3,6 +3,7 @@ import Link from "next/link";
 import { Button } from "@openstatus/ui/src/components/button";
 
 import { cardConfig } from "@/config/features";
+import { nanoid } from "nanoid";
 import {
   CardContainer,
   CardContent,
@@ -26,9 +27,8 @@ export function MonitoringCard() {
       <CardContent>
         <Globe />
         <CardFeatureContainer>
-          {features?.map((feature, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            <CardFeature key={i} {...feature} />
+          {features?.map((feature) => (
+            <CardFeature key={`monitoring-card-${nanoid(6)}`} {...feature} />
           ))}
           <div className="order-first flex items-center justify-center gap-2 text-center md:order-none">
             <Button variant="outline" className="rounded-full" asChild>
diff --git a/apps/web/src/components/marketing/pricing/pricing-table.tsx b/apps/web/src/components/marketing/pricing/pricing-table.tsx
index 4cc0836921..5149e2752d 100644
--- a/apps/web/src/components/marketing/pricing/pricing-table.tsx
+++ b/apps/web/src/components/marketing/pricing/pricing-table.tsx
@@ -22,6 +22,7 @@ import { pricingTableConfig } from "../../../config/pricing-table";
 import { LoadingAnimation } from "@/components/loading-animation";
 import { cn } from "@/lib/utils";
 import { allPlans } from "@openstatus/db/src/schema/plan/config";
+import { nanoid } from "nanoid";
 
 export function PricingTable({
   plans = workspacePlans,
@@ -156,8 +157,7 @@ export function PricingTable({
 
                         return (
                           <TableCell
-                            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                            key={key + value + _i}
+                            key={`${key} ${value} ${nanoid(6)}`}
                             className={cn(
                               "p-3",
                               plan.key === "team" && "bg-muted/30",
diff --git a/apps/web/src/components/marketing/status-page/card.tsx b/apps/web/src/components/marketing/status-page/card.tsx
index 3708fa91a4..26f6c309d0 100644
--- a/apps/web/src/components/marketing/status-page/card.tsx
+++ b/apps/web/src/components/marketing/status-page/card.tsx
@@ -1,4 +1,5 @@
 import { cardConfig } from "@/config/features";
+import { nanoid } from "nanoid";
 import {
   CardContainer,
   CardContent,
@@ -21,9 +22,8 @@ export function StatusPageCard() {
       <CardContent dir="rows">
         <TrackerExample />
         <CardFeatureContainer dir="cols">
-          {features?.map((feature, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            <CardFeature key={i} {...feature} />
+          {features?.map((feature) => (
+            <CardFeature key={`status-page-card-${nanoid(6)}`} {...feature} />
           ))}
         </CardFeatureContainer>
       </CardContent>
diff --git a/apps/web/src/components/monitor-charts/chart.tsx b/apps/web/src/components/monitor-charts/chart.tsx
index ccb3bcefb3..53a7ed9527 100644
--- a/apps/web/src/components/monitor-charts/chart.tsx
+++ b/apps/web/src/components/monitor-charts/chart.tsx
@@ -7,6 +7,7 @@ import { useState } from "react";
 import type { Region } from "@openstatus/tinybird";
 
 import { cn } from "@/lib/utils";
+import { nanoid } from "nanoid";
 import { dataFormatter, regionFormatter } from "./utils";
 
 interface ChartProps {
@@ -66,14 +67,13 @@ const customTooltip = ({
         </p>
         {payload
           .filter((category) => category.type !== undefined) // tremor adds additional data to the payload, we don't want that
-          .map((category, idx) => {
+          .map((category) => {
             const isActive = value
               ? value.categoryClicked === category.dataKey
               : true;
             return (
               <div
-                // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                key={idx}
+                key={`custom-tooltip-${nanoid(6)}`}
                 className={cn("flex flex-1 gap-2", !isActive && "opacity-60")}
               >
                 <div
diff --git a/apps/web/src/components/monitor-charts/simple-chart.tsx b/apps/web/src/components/monitor-charts/simple-chart.tsx
index f4355dca8e..da12dd41a0 100644
--- a/apps/web/src/components/monitor-charts/simple-chart.tsx
+++ b/apps/web/src/components/monitor-charts/simple-chart.tsx
@@ -4,6 +4,7 @@ import type { CustomTooltipProps } from "@tremor/react";
 import { LineChart } from "@tremor/react";
 
 import { cn } from "@/lib/utils";
+import { nanoid } from "nanoid";
 import { dataFormatter } from "./utils";
 
 export interface SimpleChartProps {
@@ -44,10 +45,12 @@ const customTooltip = ({ payload, active, label }: CustomTooltipProps) => {
   return (
     <div className="rounded-tremor-default border border-tremor-border bg-tremor-background p-2 text-tremor-default shadow-tremor-dropdown dark:border-dark-tremor-border dark:bg-dark-tremor-background dark:text-dark-tremor-default">
       <div className="flex flex-col gap-3">
-        {[data].map((category, idx) => {
+        {[data].map((category) => {
           return (
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            <div key={idx} className="flex flex-1 gap-2">
+            <div
+              key={`custom-tooltip-${nanoid(6)}`}
+              className="flex flex-1 gap-2"
+            >
               <div
                 className={cn(
                   "flex w-1 flex-col rounded",
diff --git a/apps/web/src/components/ping-response-analysis/response-assertion.tsx b/apps/web/src/components/ping-response-analysis/response-assertion.tsx
index 63b252e225..722ae168f7 100644
--- a/apps/web/src/components/ping-response-analysis/response-assertion.tsx
+++ b/apps/web/src/components/ping-response-analysis/response-assertion.tsx
@@ -12,6 +12,7 @@ import {
   TableHeader,
   TableRow,
 } from "@openstatus/ui/src/components/table";
+import { nanoid } from "nanoid";
 
 export function ResponseAssertion({ assertions }: { assertions: Assertion[] }) {
   return (
@@ -26,11 +27,10 @@ export function ResponseAssertion({ assertions }: { assertions: Assertion[] }) {
         </TableRow>
       </TableHeader>
       <TableBody>
-        {assertions.map((a, i) => {
+        {assertions.map((a) => {
           if (a.schema.type === "status") {
             return (
-              // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-              <TableRow key={i}>
+              <TableRow key={`response-assertion-${nanoid(6)}`}>
                 <TableCell className="text-muted-foreground">
                   Status Code
                 </TableCell>
@@ -44,8 +44,7 @@ export function ResponseAssertion({ assertions }: { assertions: Assertion[] }) {
           }
           if (a.schema.type === "header") {
             return (
-              // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-              <TableRow key={i}>
+              <TableRow key={`response-assertion-${nanoid(6)}`}>
                 <TableCell className="text-muted-foreground">Header</TableCell>
                 <TableCell className="font-mono">{a.schema.key}</TableCell>
                 <TableCell>
diff --git a/apps/web/src/components/ping-response-analysis/utils.ts b/apps/web/src/components/ping-response-analysis/utils.ts
index a9a83dd297..ed0d3dcfee 100644
--- a/apps/web/src/components/ping-response-analysis/utils.ts
+++ b/apps/web/src/components/ping-response-analysis/utils.ts
@@ -145,15 +145,15 @@ export async function checkRegion(
     body: JSON.stringify({
       url,
       method: opts?.method || "GET",
-      headers: opts?.headers?.reduce((acc, { key, value }) => {
-        if (!key) return acc; // key === "" is an invalid header
-
-        return {
-          // biome-ignore lint/performance/noAccumulatingSpread: <explanation>
-          ...acc,
-          [key]: value,
-        };
-      }, {}),
+      headers: opts?.headers?.reduce<{ [key: string]: string }>(
+        (acc, { key, value }) => {
+          if (!key) return acc; // key === "" is an invalid header
+
+          acc[key] = value; // Directly assign to the accumulator
+          return acc;
+        },
+        {},
+      ),
       body: opts?.body ? opts.body : undefined,
     }),
     next: { revalidate: 0 },
diff --git a/apps/web/src/components/tracker/tracker.tsx b/apps/web/src/components/tracker/tracker.tsx
index 3390aa1252..08f5c38755 100644
--- a/apps/web/src/components/tracker/tracker.tsx
+++ b/apps/web/src/components/tracker/tracker.tsx
@@ -27,6 +27,7 @@ import {
 } from "@openstatus/ui/src/components/tooltip";
 
 import { cn } from "@/lib/utils";
+import { nanoid } from "nanoid";
 import {
   HoverCard,
   HoverCardContent,
@@ -106,9 +107,8 @@ export function Tracker({
       </div>
       <div className="relative h-full w-full">
         <div className="flex flex-row-reverse gap-px sm:gap-0.5">
-          {tracker.days.map((props, i) => {
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-            return <Bar key={i} {...props} />;
+          {tracker.days.map((props) => {
+            return <Bar key={`tracker-${nanoid(6)}`} {...props} />;
           })}
         </div>
       </div>
diff --git a/apps/web/src/contentlayer/plugins/autolink-headings.ts b/apps/web/src/contentlayer/plugins/autolink-headings.ts
index d1e7807759..9c0441a73d 100644
--- a/apps/web/src/contentlayer/plugins/autolink-headings.ts
+++ b/apps/web/src/contentlayer/plugins/autolink-headings.ts
@@ -1,8 +1,8 @@
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
+import type { Options as RehypeAutolinkHeadingsOptions } from "rehype-autolink-headings";
 import type * as unified from "unified";
 
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-const autolinkHeadings: unified.Pluggable<any[]> = [
+const autolinkHeadings: unified.Pluggable<RehypeAutolinkHeadingsOptions[]> = [
   rehypeAutolinkHeadings,
   {
     behavior: "append",
diff --git a/apps/web/src/contentlayer/plugins/pretty-code.ts b/apps/web/src/contentlayer/plugins/pretty-code.ts
index f096fc5b1b..7d53f4f594 100644
--- a/apps/web/src/contentlayer/plugins/pretty-code.ts
+++ b/apps/web/src/contentlayer/plugins/pretty-code.ts
@@ -1,10 +1,10 @@
 import rehypePrettyCode from "rehype-pretty-code";
+import type { Options as RehypePrettyCodeOptions } from "rehype-pretty-code";
+import type { CharsElement, LineElement } from "rehype-pretty-code";
 import type * as unified from "unified";
-
 // props to https://rehype-pretty-code.netlify.app/
 
-// biome-ignore lint/suspicious/noExplicitAny: ContentLayer
-const prettyCode: unified.Pluggable<any[]> = [
+const prettyCode: unified.Pluggable<RehypePrettyCodeOptions[]> = [
   rehypePrettyCode,
   {
     theme: {
@@ -19,12 +19,11 @@ const prettyCode: unified.Pluggable<any[]> = [
         node.children = [{ type: "text", value: " " }];
       }
     },
-    // biome-ignore lint/suspicious/noExplicitAny: ContentLayer
-    onVisitHighlightedLine(node: any) {
-      node.properties.className.push("highlighted");
+    onVisitHighlightedLine(node: LineElement) {
+      node?.properties?.className?.push("highlighted");
     },
-    // biome-ignore lint/suspicious/noExplicitAny: ContentLayer
-    onVisitHighlightedWord(node: any) {
+    // Changed the method below from onVisitHighlightedWord as it is not available in rehype-pretty-code
+    onVisitHighlightedChars(node: CharsElement) {
       node.properties.className = ["word"];
     },
   },
diff --git a/apps/web/src/hooks/use-window-scroll.ts b/apps/web/src/hooks/use-window-scroll.ts
index e98e56e5a1..94076023f9 100644
--- a/apps/web/src/hooks/use-window-scroll.ts
+++ b/apps/web/src/hooks/use-window-scroll.ts
@@ -2,27 +2,35 @@
 
 import * as React from "react";
 
+interface ScrollPosition {
+  x: number | null;
+  y: number | null;
+}
+
 export function useWindowScroll() {
-  const [state, setState] = React.useState<{
-    x: number | null;
-    y: number | null;
-  }>({
+  const [state, setState] = React.useState<ScrollPosition>({
     x: null,
     y: null,
   });
 
-  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-  const scrollTo = React.useCallback((...args: any[]) => {
-    if (typeof args[0] === "object") {
-      window.scrollTo(args[0]);
-    } else if (typeof args[0] === "number" && typeof args[1] === "number") {
-      window.scrollTo(args[0], args[1]);
-    } else {
-      throw new Error(
-        "Invalid arguments passed to scrollTo. See here for more info. https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo",
-      );
-    }
-  }, []);
+  const scrollTo = React.useCallback(
+    (...args: [number, number] | [ScrollToOptions]) => {
+      if (args.length === 1 && typeof args[0] === "object") {
+        window.scrollTo(args[0] as ScrollToOptions);
+      } else if (
+        args.length === 2 &&
+        typeof args[0] === "number" &&
+        typeof args[1] === "number"
+      ) {
+        window.scrollTo(args[0], args[1]);
+      } else {
+        throw new Error(
+          "Invalid arguments passed to scrollTo. See here for more info. https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo",
+        );
+      }
+    },
+    [],
+  );
 
   React.useLayoutEffect(() => {
     const handleScroll = () => {
diff --git a/apps/web/src/middleware.ts b/apps/web/src/middleware.ts
index 96bfedc266..8eeddb7de0 100644
--- a/apps/web/src/middleware.ts
+++ b/apps/web/src/middleware.ts
@@ -9,28 +9,31 @@ import { env } from "./env";
 
 export const getValidSubdomain = (host?: string | null) => {
   let subdomain: string | null = null;
-  if (!host && typeof window !== "undefined") {
-    // On client side, get the host from window
-    // biome-ignore lint: to fix later
-    host = window.location.host;
-  }
-  // we should improve here for custom vercel deploy page
-  if (host?.includes(".") && !host.includes(".vercel.app")) {
-    const candidate = host.split(".")[0];
+  // Used a local variable to avoid reassigning the parameter
+  // On client side, get the host from window
+  const resolvedHost =
+    host ?? (typeof window !== "undefined" ? window.location.host : null);
+
+  // We should improve here for custom Vercel deploy page
+  if (resolvedHost?.includes(".") && !resolvedHost.includes(".vercel.app")) {
+    const candidate = resolvedHost.split(".")[0];
     if (candidate && !candidate.includes("www")) {
       // Valid candidate
       subdomain = candidate;
     }
   }
-  if (host?.includes("ngrok-free.app")) {
+  if (resolvedHost?.includes("ngrok-free.app")) {
     return null;
   }
   // In case the host is a custom domain
   if (
-    host &&
-    !(host?.includes(env.NEXT_PUBLIC_URL) || host?.endsWith(".vercel.app"))
+    resolvedHost &&
+    !(
+      resolvedHost.includes(env.NEXT_PUBLIC_URL) ||
+      resolvedHost.endsWith(".vercel.app")
+    )
   ) {
-    subdomain = host;
+    subdomain = resolvedHost;
   }
   return subdomain;
 };
diff --git a/biome.jsonc b/biome.jsonc
index 20515842e0..03db89b5ba 100644
--- a/biome.jsonc
+++ b/biome.jsonc
@@ -17,7 +17,7 @@
         "noUnusedVariables": "warn"
       },
       "nursery": {
-        "useSortedClasses": "warn"
+         "useSortedClasses": "off"
       }
     },
     "ignore": [
diff --git a/packages/assertions/src/types.ts b/packages/assertions/src/types.ts
index 7ed97552ef..6f32da5775 100644
--- a/packages/assertions/src/types.ts
+++ b/packages/assertions/src/types.ts
@@ -1,6 +1,11 @@
 import type { z } from "zod";
 
-import type { assertion } from "./v1";
+import type {
+  assertion,
+  headerAssertion,
+  statusAssertion,
+  textBodyAssertion,
+} from "./v1";
 
 export type AssertionRequest = {
   body: string;
@@ -21,3 +26,7 @@ export interface Assertion {
   schema: z.infer<typeof assertion>;
   assert: (req: AssertionRequest) => AssertionResult;
 }
+
+export type AssertionType = z.infer<typeof headerAssertion>;
+export type StatusAssertionType = z.infer<typeof statusAssertion>;
+export type TextBodyAssertionType = z.infer<typeof textBodyAssertion>;
diff --git a/packages/db/src/schema/monitors/validation.ts b/packages/db/src/schema/monitors/validation.ts
index de55ab2ab1..6b06c26f01 100644
--- a/packages/db/src/schema/monitors/validation.ts
+++ b/packages/db/src/schema/monitors/validation.ts
@@ -11,10 +11,6 @@ export const monitorMethodsSchema = z.enum(monitorMethods);
 export const monitorStatusSchema = z.enum(monitorStatus);
 export const monitorJobTypesSchema = z.enum(monitorJobTypes);
 
-// TODO: shared function
-// biome-ignore lint/correctness/noUnusedVariables: <explanation>
-function stringToArrayProcess<T>(_string: T) {}
-
 const regionsToArraySchema = z.preprocess((val) => {
   if (String(val).length > 0) {
     return String(val).split(",");
diff --git a/packages/header-analysis/src/parser/cache-control.ts b/packages/header-analysis/src/parser/cache-control.ts
index 14d085fb20..dfe7c92432 100644
--- a/packages/header-analysis/src/parser/cache-control.ts
+++ b/packages/header-analysis/src/parser/cache-control.ts
@@ -10,20 +10,19 @@ export function parseCacheControlHeader(header: string): CacheControlInfo[] {
     .split(",")
     .map((directive) => directive.trim());
 
-  const cacheControlInfo: CacheControlInfo[] = [];
+  const cacheControlInfo: CacheControlInfo[] = cacheControlDirectives.map(
+    (directive) => {
+      const parts = directive.split("=");
 
-  // biome-ignore lint/complexity/noForEach: <explanation>
-  cacheControlDirectives.forEach((directive) => {
-    const parts = directive.split("=");
+      const name = parts[0].trim();
+      const value = !Number.isNaN(Number(parts[1]))
+        ? Number(parts[1])
+        : undefined;
+      const description = getDirectiveDescription(name);
 
-    const name = parts[0].trim();
-    const value = !Number.isNaN(Number(parts[1]))
-      ? Number(parts[1])
-      : undefined;
-    const description = getDirectiveDescription(name);
-
-    cacheControlInfo.push({ description, name, value, directive });
-  });
+      return { description, name, value, directive };
+    },
+  );
 
   return cacheControlInfo;
 }
diff --git a/packages/notifications/discord/src/index.ts b/packages/notifications/discord/src/index.ts
index 6ff42d96aa..34961a5cfd 100644
--- a/packages/notifications/discord/src/index.ts
+++ b/packages/notifications/discord/src/index.ts
@@ -49,12 +49,7 @@ export const sendAlert = async ({
 export const sendRecovery = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // statusCode,  message, incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -80,12 +75,7 @@ export const sendRecovery = async ({
 export const sendDegraded = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // statusCode, message, incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
diff --git a/packages/notifications/email/src/index.ts b/packages/notifications/email/src/index.ts
index 14a65e5606..f9a704a03d 100644
--- a/packages/notifications/email/src/index.ts
+++ b/packages/notifications/email/src/index.ts
@@ -8,8 +8,7 @@ export const sendAlert = async ({
   notification,
   statusCode,
   message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -55,12 +54,7 @@ export const sendAlert = async ({
 export const sendRecovery = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // statusCode, message, incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -100,10 +94,7 @@ export const sendRecovery = async ({
 export const sendDegraded = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
+  // statusCode, message, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
diff --git a/packages/notifications/pagerduty/src/index.ts b/packages/notifications/pagerduty/src/index.ts
index 8682768a0b..f75eaedb28 100644
--- a/packages/notifications/pagerduty/src/index.ts
+++ b/packages/notifications/pagerduty/src/index.ts
@@ -39,9 +39,8 @@ export const sendAlert = async ({
   });
 
   try {
-    for await (const integrationKey of notificationData.integration_keys) {
-      // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-      const { integration_key, type } = integrationKey;
+    for await (const _integrationKey of notificationData.integration_keys) {
+      // const { integration_key, type } = integrationKey; // Commented out as not used to avoid biome-ignore
 
       await fetch("https://events.pagerduty.com/v2/enqueue", {
         method: "POST",
@@ -86,9 +85,8 @@ export const sendDegraded = async ({
   });
 
   try {
-    for await (const integrationKey of notificationData.integration_keys) {
-      // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-      const { integration_key, type } = integrationKey;
+    for await (const _integrationKey of notificationData.integration_keys) {
+      //  const { integration_key, type } = integrationKey; // Commented out as not used to avoid biome-ignore
 
       await fetch("https://events.pagerduty.com/v2/enqueue", {
         method: "POST",
@@ -104,10 +102,7 @@ export const sendDegraded = async ({
 export const sendRecovery = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
+  // statusCode, message, // Commented out as not used to avoid biome-ignore
   incidentId,
 }: {
   monitor: Monitor;
diff --git a/packages/notifications/slack/src/index.ts b/packages/notifications/slack/src/index.ts
index a591234eac..cafd59c61d 100644
--- a/packages/notifications/slack/src/index.ts
+++ b/packages/notifications/slack/src/index.ts
@@ -1,7 +1,28 @@
 import type { Monitor, Notification } from "@openstatus/db/src/schema";
 
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-const postToWebhook = async (body: any, webhookUrl: string) => {
+type WebhookBody = string | SlackMessage;
+
+interface SlackMessage {
+  blocks: Array<{
+    type: string;
+    text: {
+      type: string;
+      text: string;
+    };
+    accessory?: {
+      type: string;
+      text: {
+        type: string;
+        text: string;
+        emoji: boolean;
+      };
+      value: string;
+      url: string;
+    };
+  }>;
+}
+
+const postToWebhook = async (body: WebhookBody, webhookUrl: string) => {
   try {
     await fetch(webhookUrl, {
       method: "POST",
@@ -18,8 +39,7 @@ export const sendAlert = async ({
   notification,
   statusCode,
   message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -69,12 +89,7 @@ export const sendAlert = async ({
 export const sendRecovery = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // statusCode,message,incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -121,10 +136,7 @@ export const sendRecovery = async ({
 export const sendDegraded = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
+  // statusCode, message, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
diff --git a/packages/notifications/twillio-sms/src/index.ts b/packages/notifications/twillio-sms/src/index.ts
index 14867205df..5c0044fa20 100644
--- a/packages/notifications/twillio-sms/src/index.ts
+++ b/packages/notifications/twillio-sms/src/index.ts
@@ -8,8 +8,7 @@ export const sendAlert = async ({
   notification,
   statusCode,
   message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // incidentId, // // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -54,12 +53,7 @@ export const sendAlert = async ({
 export const sendRecovery = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  incidentId,
+  // statusCode,message,incidentId, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
@@ -99,10 +93,7 @@ export const sendRecovery = async ({
 export const sendDegraded = async ({
   monitor,
   notification,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  statusCode,
-  // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-  message,
+  // statusCode,message, // Commented out as not used to avoid biome-ignore
 }: {
   monitor: Monitor;
   notification: Notification;
diff --git a/packages/react/package.json b/packages/react/package.json
index 8e8ad8fd4f..1213e61a49 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -28,5 +28,9 @@
   },
   "peerDependencies": {
     "react": "^18.0.0"
+  },
+  "dependencies": {
+    "clsx": "2.0.0",
+    "tailwind-merge": "1.14.0"
   }
 }
diff --git a/packages/react/src/utils.ts b/packages/react/src/utils.ts
index 227f340413..58df1d37d0 100644
--- a/packages/react/src/utils.ts
+++ b/packages/react/src/utils.ts
@@ -1,3 +1,6 @@
+import type { ClassValue } from "clsx";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 import type { Status } from "./widget";
 
 export const statusDictionary: Record<
@@ -33,3 +36,7 @@ export const statusDictionary: Record<
     color: "bg-blue-500",
   },
 } as const;
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/packages/react/src/widget.tsx b/packages/react/src/widget.tsx
index 267a8bc37e..db0cbe1506 100644
--- a/packages/react/src/widget.tsx
+++ b/packages/react/src/widget.tsx
@@ -1,4 +1,4 @@
-import { statusDictionary } from "./utils";
+import { cn, statusDictionary } from "./utils";
 
 export type Status =
   | "operational"
@@ -45,13 +45,14 @@ export async function StatusWidget({ slug, href }: StatusWidgetProps) {
       <span className="relative flex h-2 w-2">
         {status === "operational" ? (
           <span
-            // biome-ignore lint/nursery/useSortedClasses: color is a dynamic value
-            className={`absolute inline-flex h-full w-full animate-ping rounded-full ${color} opacity-75 duration-1000`}
+            className={cn(
+              "absolute inline-flex h-full w-full animate-ping rounded-full opacity-75 duration-1000",
+              color,
+            )}
           />
         ) : null}
         <span
-          // biome-ignore lint/nursery/useSortedClasses: color is a dynamic value
-          className={`relative inline-flex h-2 w-2 rounded-full ${color}`}
+          className={cn("relative inline-flex h-2 w-2 rounded-full", color)}
         />
       </span>
     </a>
diff --git a/packages/tinybird/src/audit-log/examples.ts b/packages/tinybird/src/audit-log/examples.ts
index 63b392a20f..c13f988ec4 100644
--- a/packages/tinybird/src/audit-log/examples.ts
+++ b/packages/tinybird/src/audit-log/examples.ts
@@ -1,41 +1,43 @@
-import { Tinybird } from "@chronark/zod-bird";
+// import { Tinybird } from "@chronark/zod-bird";
 
-import { AuditLog } from "./client";
+// import { AuditLog } from "./client";
 
-const tb = new Tinybird({ token: process.env.TINY_BIRD_API_KEY || "" });
+// Commented out as not used to avoid biome-ignore
+// const tb = new Tinybird({ token: process.env.TINY_BIRD_API_KEY || "" });
 
-const auditLog = new AuditLog({ tb });
+// Commented out as not used to avoid biome-ignore
+// const auditLog = new AuditLog({ tb });
 
-// biome-ignore lint/correctness/noUnusedVariables: <explanation>
-async function seed() {
-  await auditLog.publishAuditLog({
-    id: "monitor:2",
-    action: "monitor.failed",
-    targets: [{ id: "2", type: "monitor" }],
-    metadata: { region: "gru", statusCode: 500, message: "timeout" },
-  });
-  await auditLog.publishAuditLog({
-    id: "monitor:1",
-    action: "monitor.recovered",
-    targets: [{ id: "1", type: "monitor" }],
-    metadata: { region: "gru", statusCode: 200 },
-  });
-  await auditLog.publishAuditLog({
-    id: "user:1",
-    actor: {
-      type: "user",
-      id: "1",
-    },
-    targets: [{ id: "1", type: "user" }],
-    action: "notification.sent",
-    metadata: { provider: "email" },
-  });
-}
+// Commented out as not used to avoid biome-ignore
+// async function seed() {
+//   await auditLog.publishAuditLog({
+//     id: "monitor:2",
+//     action: "monitor.failed",
+//     targets: [{ id: "2", type: "monitor" }],
+//     metadata: { region: "gru", statusCode: 500, message: "timeout" },
+//   });
+//   await auditLog.publishAuditLog({
+//     id: "monitor:1",
+//     action: "monitor.recovered",
+//     targets: [{ id: "1", type: "monitor" }],
+//     metadata: { region: "gru", statusCode: 200 },
+//   });
+//   await auditLog.publishAuditLog({
+//     id: "user:1",
+//     actor: {
+//       type: "user",
+//       id: "1",
+//     },
+//     targets: [{ id: "1", type: "user" }],
+//     action: "notification.sent",
+//     metadata: { provider: "email" },
+//   });
+// }
 
-// biome-ignore lint/correctness/noUnusedVariables: <explanation>
-async function history() {
-  return await auditLog.getAuditLog({ event_id: "user:1" });
-}
+// Commented out as not used to avoid biome-ignore
+// async function history() {
+//   return await auditLog.getAuditLog({ event_id: "user:1" });
+// }
 
 // seed();
 // const all = await history();
diff --git a/packages/ui/src/lib/compose-refs.ts b/packages/ui/src/lib/compose-refs.ts
index 922f1cf9a1..92daf05b3a 100644
--- a/packages/ui/src/lib/compose-refs.ts
+++ b/packages/ui/src/lib/compose-refs.ts
@@ -21,8 +21,11 @@ function setRef<T>(ref: PossibleRef<T>, value: T) {
  * Accepts callback refs and RefObject(s)
  */
 function composeRefs<T>(...refs: PossibleRef<T>[]) {
-  // biome-ignore lint/complexity/noForEach: <explanation>
-  return (node: T) => refs.forEach((ref) => setRef(ref, node));
+  return (node: T) => {
+    for (const ref of refs) {
+      setRef(ref, node);
+    }
+  };
 }
 
 /**
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d2bdc7bfbb..f171743370 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -898,9 +898,15 @@ importers:
 
   packages/react:
     dependencies:
+      clsx:
+        specifier: 2.0.0
+        version: 2.0.0
       react:
         specifier: ^18.0.0
         version: 18.2.0
+      tailwind-merge:
+        specifier: 1.14.0
+        version: 1.14.0
     devDependencies:
       '@openstatus/tsconfig':
         specifier: workspace:*