♻️ Replace eslint and prettier with biome (#1697)

.github/workflows/ci.yml

@@ -45,7 +45,7 @@ jobs:
       - uses: ./.github/actions/pnpm-install
 
       - name: Check linting rules
-        run: pnpm lint
+        run: pnpm turbo check
 
   unit-tests:
     name: Unit tests

.prettierrc

@@ -1,9 +0,0 @@
-{
-  "plugins": ["prettier-plugin-tailwindcss"],
-  "semi": true,
-  "tabWidth": 2,
-  "useTabs": false,
-  "trailingComma": "all",
-  "singleQuote": false,
-  "arrowParens": "always"
-}

.vscode/settings.json

@@ -2,6 +2,9 @@
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit"
   },
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "shortest",
   "cSpell.words": ["Rallly", "Vella"],

apps/docs/.eslintrc.js

@@ -1,4 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  ...require("@rallly/eslint-config")(__dirname),
-};

apps/landing/.eslintrc.js

@@ -1,4 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  ...require("@rallly/eslint-config/next")(__dirname),
-};

apps/landing/package.json

@@ -7,7 +7,6 @@
     "build": "next build",
     "analyze": "cross-env ANALYZE=true next build",
     "start": "next start",
-    "lint": "eslint .",
     "type-check": "tsc --pretty --noEmit",
     "i18n:scan": "i18next-scanner --config i18next-scanner.config.js"
   },
@@ -41,7 +40,6 @@
   },
   "devDependencies": {
     "@next/bundle-analyzer": "^14.2.25",
-    "@rallly/eslint-config": "workspace:*",
     "@rallly/tsconfig": "workspace:*",
     "@types/color-hash": "^1.0.2",
     "@types/lodash": "^4.14.178",

apps/landing/src/app/[locale]/blog/[slug]/page.tsx

@@ -1,8 +1,8 @@
 import { absoluteUrl } from "@rallly/utils/absolute-url";
 import { ArrowLeftIcon } from "lucide-react";
+import { MDXRemote } from "next-mdx-remote/rsc";
 import Image from "next/image";
 import Link from "next/link";
-import { MDXRemote } from "next-mdx-remote/rsc";
 
 import PostHeader from "@/components/blog/post-header";
 import { getAllPosts, getPostBySlug } from "@/lib/api";

apps/landing/src/app/[locale]/footer.tsx

@@ -13,7 +13,7 @@ import { LanguagesIcon } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
-import * as React from "react";
+import type * as React from "react";
 
 import DiscordIcon from "@/assets/discord.svg";
 import GithubIcon from "@/assets/github.svg";
@@ -301,6 +301,7 @@ export const Footer: React.FunctionComponent = () => {
                 target="_blank"
                 href="https://vercel.com?utm_source=rallly&utm_campaign=oss"
                 className="inline-block text-white"
+                rel="noreferrer"
               >
                 <Image
                   src="/static/images/partners/vercel-logotype-dark.svg"
@@ -315,6 +316,7 @@ export const Footer: React.FunctionComponent = () => {
                 target="_blank"
                 className="inline-block"
                 href="/partners/digitalocean"
+                rel="noreferrer"
               >
                 <Image
                   src="/static/images/partners/digitalocean-logo.svg"
@@ -329,6 +331,7 @@ export const Footer: React.FunctionComponent = () => {
                 target="_blank"
                 className="inline-block"
                 href="https://sentry.io"
+                rel="noreferrer"
               >
                 <Image
                   src="/static/images/partners/sentry.svg"

apps/landing/src/app/[locale]/layout.tsx

@@ -14,7 +14,7 @@ import {
 import { Icon } from "@rallly/ui/icon";
 import { Analytics } from "@vercel/analytics/react";
 import { MenuIcon } from "lucide-react";
-import { domAnimation, LazyMotion } from "motion/react";
+import { LazyMotion, domAnimation } from "motion/react";
 import type { Viewport } from "next";
 import Image from "next/image";
 import Link from "next/link";

apps/landing/src/app/api/og-image/route.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @next/next/no-img-element */
 import { ImageResponse } from "next/og";
 import type { NextRequest } from "next/server";
 import * as React from "react";
@@ -24,7 +23,6 @@ export async function GET(req: NextRequest) {
   const excerpt = searchParams.get("excerpt");
 
   return new ImageResponse(
-    (
     <div
       style={{
         height: "100%",
@@ -56,8 +54,7 @@ export async function GET(req: NextRequest) {
           <p tw="text-4xl leading-relaxed text-gray-500">{excerpt}</p>
         ) : null}
       </div>
-      </div>
+    </div>,
-    ),
     {
       width: 1200,
       height: 630,

apps/landing/src/components/blog/post-body.tsx

@@ -7,7 +7,8 @@ type Props = {
 const PostBody = ({ content }: Props) => {
   return (
     <div
-      className={markdownStyles["markdown"]}
+      className={markdownStyles.markdown}
+      // biome-ignore lint/security/noDangerouslySetInnerHtml: Fix this later
       dangerouslySetInnerHTML={{ __html: content }}
     />
   );

apps/landing/src/components/error-page.tsx

@@ -3,7 +3,7 @@
 import { Button } from "@rallly/ui/button";
 import { FileSearchIcon } from "lucide-react";
 import Link from "next/link";
-import * as React from "react";
+import type * as React from "react";
 
 import { useTranslation } from "@/i18n/client/use-translation";
 

apps/landing/src/components/marketing.tsx

@@ -3,7 +3,7 @@ import { ArrowUpRight } from "lucide-react";
 import * as m from "motion/react-m";
 import Image from "next/image";
 import Link from "next/link";
-import React from "react";
+import type React from "react";
 
 import { Trans } from "@/i18n/client/trans";
 

apps/landing/src/i18n/client/i18n-provider.tsx

@@ -2,7 +2,7 @@
 import i18next from "i18next";
 import ICU from "i18next-icu";
 import resourcesToBackend from "i18next-resources-to-backend";
-import React from "react";
+import type React from "react";
 import { I18nextProvider, initReactI18next } from "react-i18next";
 import { useAsync } from "react-use";
 

apps/landing/src/lib/api.ts

@@ -1,6 +1,6 @@
-import fs from "fs";
+import fs from "node:fs";
+import { join } from "node:path";
 import matter from "gray-matter";
-import { join } from "path";
 
 const postsDirectory = join(process.cwd(), "src", "posts");
 
@@ -21,6 +21,7 @@ export function getPostBySlug(slug: string, fields: string[] = []) {
   const items: Items = {};
 
   // Ensure only the minimal needed data is exposed
+  // biome-ignore lint/complexity/noForEach: Fix this later
   fields.forEach((field) => {
     if (field === "slug") {
       items[field] = realSlug;

apps/web/.eslintrc.js

@@ -1,4 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  ...require("@rallly/eslint-config/next")(__dirname),
-};

apps/web/declarations/next-auth.d.ts

@@ -1,10 +1,9 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import type { TimeFormat } from "@rallly/database";
-import type { NextRequest } from "next/server";
 import type { DefaultSession, DefaultUser } from "next-auth";
 import NextAuth from "next-auth";
 import type { DefaultJWT } from "next-auth/jwt";
 import { JWT } from "next-auth/jwt";
+import type { NextRequest } from "next/server";
 
 declare module "next-auth" {
   /**

apps/web/next-i18next.config.js

@@ -1,5 +1,5 @@
 const ICU = require("i18next-icu/i18nextICU.js");
-const path = require("path");
+const path = require("node:path");
 const i18n = require("./i18n.config.js");
 
 module.exports = {

apps/web/next.config.js

@@ -28,9 +28,6 @@ const nextConfig = {
 
     return config;
   },
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
   typescript: {
     ignoreBuildErrors: true,
   },

apps/web/package.json

@@ -8,7 +8,6 @@
     "build:test": "NODE_ENV=test next build",
     "analyze": "cross-env ANALYZE=true next build",
     "start": "next start",
-    "lint": "eslint .",
     "type-check": "tsc --pretty --noEmit",
     "i18n:scan": "i18next-scanner --config i18next-scanner.config.js",
     "test:integration": "NODE_ENV=test playwright test",
@@ -96,7 +95,6 @@
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@playwright/test": "^1.49.1",
-    "@rallly/eslint-config": "workspace:*",
     "@rallly/tsconfig": "workspace:*",
     "@types/color-hash": "^1.0.2",
     "@types/js-cookie": "^3.0.1",

apps/web/src/app/[locale]/(auth)/layout.tsx

@@ -2,9 +2,9 @@ import { cn } from "@rallly/ui";
 import { DotPattern } from "@rallly/ui/dot-pattern";
 
 import {
-  isQuickCreateEnabled,
   QuickCreateButton,
   QuickCreateWidget,
+  isQuickCreateEnabled,
 } from "@/features/quick-create";
 
 export default async function Layout({

apps/web/src/app/[locale]/(auth)/login/components/login-email-form.tsx

@@ -10,8 +10,8 @@ import {
   FormMessage,
 } from "@rallly/ui/form";
 import { Input } from "@rallly/ui/input";
-import { useRouter, useSearchParams } from "next/navigation";
 import { signIn } from "next-auth/react";
+import { useRouter, useSearchParams } from "next/navigation";
 import React from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";

apps/web/src/app/[locale]/(auth)/login/components/sso-provider.tsx

@@ -2,8 +2,8 @@
 import { Button } from "@rallly/ui/button";
 import { Icon } from "@rallly/ui/icon";
 import { UserIcon } from "lucide-react";
-import Image from "next/image";
 import { signIn } from "next-auth/react";
+import Image from "next/image";
 
 import { Trans } from "@/components/trans";
 import { useTranslation } from "@/i18n/client";

apps/web/src/app/[locale]/(auth)/register/verify/components/otp-form.tsx

@@ -10,8 +10,8 @@ import {
   FormItem,
   FormMessage,
 } from "@rallly/ui/form";
-import { useSearchParams } from "next/navigation";
 import { signIn } from "next-auth/react";
+import { useSearchParams } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 

apps/web/src/app/[locale]/(space)/app-card.tsx

@@ -1,6 +1,6 @@
 import { cn } from "@rallly/ui";
 import { BarChart2Icon } from "lucide-react";
-import React from "react";
+import type React from "react";
 
 export function AppCard({
   children,

apps/web/src/app/[locale]/(space)/components/sidebar/app-sidebar.tsx

@@ -18,7 +18,7 @@ import {
   SparklesIcon,
 } from "lucide-react";
 import Link from "next/link";
-import * as React from "react";
+import type * as React from "react";
 
 import { LogoLink } from "@/app/components/logo-link";
 import { Trans } from "@/components/trans";

apps/web/src/app/[locale]/(space)/events/events-tabbed-view.tsx

@@ -19,7 +19,7 @@ export function EventsTabbedView({ children }: { children: React.ReactNode }) {
       const newUrl = `?${params.toString()}`;
       router.replace(newUrl, { scroll: false });
     },
-    [name, router, searchParams],
+    [router, searchParams],
   );
 
   const value = searchParams.get(name) ?? "upcoming";

apps/web/src/app/[locale]/(space)/polls/page.tsx

@@ -37,8 +37,8 @@ const pageSchema = z
   .nullish()
   .transform((val) => {
     if (!val) return 1;
-    const parsed = parseInt(val, 10);
+    const parsed = Number.parseInt(val, 10);
-    return isNaN(parsed) || parsed < 1 ? 1 : parsed;
+    return Number.isNaN(parsed) || parsed < 1 ? 1 : parsed;
   });
 
 const querySchema = z
@@ -56,8 +56,8 @@ const pageSizeSchema = z
   .nullish()
   .transform((val) => {
     if (!val) return DEFAULT_PAGE_SIZE;
-    const parsed = parseInt(val, 10);
+    const parsed = Number.parseInt(val, 10);
-    return isNaN(parsed) || parsed < 1
+    return Number.isNaN(parsed) || parsed < 1
       ? DEFAULT_PAGE_SIZE
       : Math.min(parsed, 100);
   });

apps/web/src/app/[locale]/(space)/polls/polls-tabbed-view.tsx

@@ -19,7 +19,7 @@ export function PollsTabbedView({ children }: { children: React.ReactNode }) {
       const newUrl = `?${params.toString()}`;
       router.replace(newUrl, { scroll: false });
     },
-    [name, router, searchParams],
+    [router, searchParams],
   );
 
   const value = searchParams.get(name) ?? "live";

apps/web/src/app/[locale]/(space)/settings/layout.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 
 import { SettingsPageIcon } from "@/app/components/page-icons";
 import {

apps/web/src/app/[locale]/(space)/settings/preferences/components/date-time-preferences.tsx

@@ -96,7 +96,7 @@ const DateTimePreferencesForm = () => {
                   <Select
                     value={field.value.toString()}
                     onValueChange={(value) => {
-                      field.onChange(parseInt(value));
+                      field.onChange(Number.parseInt(value));
                     }}
                   >
                     <SelectTrigger asChild>
@@ -106,6 +106,7 @@ const DateTimePreferencesForm = () => {
                     </SelectTrigger>
                     <SelectContent>
                       {dayjs.weekdays().map((day, index) => (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
                         <SelectItem key={index} value={index.toString()}>
                           {day}
                         </SelectItem>

apps/web/src/app/[locale]/invite/[urlId]/page.tsx

@@ -1,6 +1,6 @@
 import { prisma } from "@rallly/database";
 import { absoluteUrl } from "@rallly/utils/absolute-url";
-import { dehydrate, Hydrate } from "@tanstack/react-query";
+import { Hydrate, dehydrate } from "@tanstack/react-query";
 import { notFound } from "next/navigation";
 
 import { InvitePage } from "@/app/[locale]/invite/[urlId]/invite-page";

apps/web/src/app/[locale]/layout.tsx

@@ -1,13 +1,13 @@
 import "../../style.css";
 
 import { defaultLocale, supportedLngs } from "@rallly/languages";
-import { posthog, PostHogProvider } from "@rallly/posthog/client";
+import { PostHogProvider, posthog } from "@rallly/posthog/client";
 import { Toaster } from "@rallly/ui/toaster";
 import { TooltipProvider } from "@rallly/ui/tooltip";
-import { domAnimation, LazyMotion } from "motion/react";
+import { LazyMotion, domAnimation } from "motion/react";
 import type { Viewport } from "next";
 import { Inter } from "next/font/google";
-import React from "react";
+import type React from "react";
 
 import { TimeZoneChangeDetector } from "@/app/[locale]/timezone-change-detector";
 import { UserProvider } from "@/components/user-provider";

apps/web/src/app/[locale]/poll/[urlId]/edit-details/page.tsx

@@ -15,8 +15,8 @@ import { useForm } from "react-hook-form";
 
 import type { PollDetailsData } from "@/components/forms/poll-details-form";
 import { PollDetailsForm } from "@/components/forms/poll-details-form";
-import { useUpdatePollMutation } from "@/components/poll/mutations";
 import { usePoll } from "@/components/poll-context";
+import { useUpdatePollMutation } from "@/components/poll/mutations";
 import { Trans } from "@/components/trans";
 
 const Page = () => {

apps/web/src/app/[locale]/poll/[urlId]/edit-options/page.tsx

@@ -10,8 +10,8 @@ import { useForm } from "react-hook-form";
 import type { PollOptionsData } from "@/components/forms";
 import PollOptionsForm from "@/components/forms/poll-options-form";
 import { useModalContext } from "@/components/modal/modal-provider";
-import { useUpdatePollMutation } from "@/components/poll/mutations";
 import { usePoll } from "@/components/poll-context";
+import { useUpdatePollMutation } from "@/components/poll/mutations";
 import { Trans } from "@/components/trans";
 import { useTranslation } from "@/i18n/client";
 import { encodeDateOption } from "@/utils/date-time-utils";

apps/web/src/app/[locale]/poll/[urlId]/layout.tsx

@@ -1,5 +1,5 @@
 import { prisma } from "@rallly/database";
-import { dehydrate, Hydrate } from "@tanstack/react-query";
+import { Hydrate, dehydrate } from "@tanstack/react-query";
 import { notFound } from "next/navigation";
 
 import { PollLayout } from "@/components/layouts/poll-layout";

apps/web/src/app/[locale]/quick-create/page.tsx

@@ -5,8 +5,8 @@ import Link from "next/link";
 import { notFound } from "next/navigation";
 
 import {
-  isQuickCreateEnabled,
   QuickCreateWidget,
+  isQuickCreateEnabled,
 } from "@/features/quick-create";
 import { getTranslation } from "@/i18n/server";
 

apps/web/src/app/api/og-image-poll/route.tsx

@@ -34,7 +34,6 @@ export async function GET(req: NextRequest) {
   });
 
   return new ImageResponse(
-    (
     <div tw="flex relative flex-col bg-gray-100 w-full h-full px-[80px] py-[70px] items-start justify-center">
       <div tw="h-full flex flex-col w-full justify-start">
         <div tw="flex justify-between items-center w-full">
@@ -67,8 +66,7 @@ export async function GET(req: NextRequest) {
           </div>
         </div>
       </div>
-      </div>
+    </div>,
-    ),
     {
       width: 1200,
       height: 630,

apps/web/src/app/api/stripe/portal/helpers/create-portal-session.ts

@@ -7,8 +7,8 @@ import { NextResponse } from "next/server";
 
 import { auth } from "@/next-auth";
 
-export function createStripePortalSessionHandler(path: string = "") {
+export function createStripePortalSessionHandler(path = "") {
-  return async function (request: NextRequest) {
+  return async (request: NextRequest) => {
     const sessionId = request.nextUrl.searchParams.get("session_id");
     const returnPath =
       request.nextUrl.searchParams.get("return_path") ?? "/settings/billing";

apps/web/src/app/api/stripe/webhook/route.ts

@@ -10,6 +10,7 @@ import { getEventHandler } from "./handlers";
 
 export const POST = withPosthog(async (request: NextRequest) => {
   const body = await request.text();
+  // biome-ignore lint/style/noNonNullAssertion: Fix this later
   const sig = request.headers.get("stripe-signature")!;
   const stripeSigningSecret = process.env.STRIPE_SIGNING_SECRET;
 
@@ -28,7 +29,7 @@ export const POST = withPosthog(async (request: NextRequest) => {
   } catch (err) {
     Sentry.captureException(err);
     return NextResponse.json(
-      { error: `Webhook Error: Failed to construct event` },
+      { error: "Webhook Error: Failed to construct event" },
       { status: 400 },
     );
   }

apps/web/src/app/api/user/verify-email-change/route.ts

@@ -20,10 +20,7 @@ const COOKIE_CONFIG = {
   expires: new Date(Date.now() + 5 * 1000), // 5 seconds
 } as const;
 
-const setEmailChangeCookie = (
+const setEmailChangeCookie = (type: "success" | "error", value = "1") => {
-  type: "success" | "error",
-  value: string = "1",
-) => {
   cookies().set(`email-change-${type}`, value, COOKIE_CONFIG);
 };
 

apps/web/src/app/components/page-icons.tsx

@@ -15,7 +15,7 @@ import {
   UserIcon,
   UsersIcon,
 } from "lucide-react";
-import React from "react";
+import type React from "react";
 
 const pageIconVariants = cva("inline-flex items-center justify-center", {
   variants: {

apps/web/src/app/components/search-input.tsx

@@ -22,7 +22,7 @@ export function SearchInput({ placeholder }: { placeholder: string }) {
   const [inputValue, setInputValue] = React.useState(currentSearchValue);
 
   // Create a debounced function to update the URL
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Fix this later
   const debouncedUpdateUrl = React.useCallback(
     debounce((value: string) => {
       const params = new URLSearchParams(searchParams);

apps/web/src/app/global-error.tsx

@@ -14,7 +14,7 @@ export default function GlobalError({
   }, [error]);
 
   return (
-    <html>
+    <html lang="en">
       <body>
         {/* `NextError` is the default Next.js error page component. Its type
         definition requires a `statusCode` prop. However, since the App Router

apps/web/src/app/posthog-page-view.tsx

@@ -12,7 +12,7 @@ export function PostHogPageView() {
     if (pathname && posthog) {
       let url = window.origin + pathname;
       if (searchParams?.toString()) {
-        url = url + `?${searchParams.toString()}`;
+        url = `${url}?${searchParams.toString()}`;
       }
       posthog.capture("$pageview", {
         $current_url: url,

apps/web/src/auth/edge/with-auth.ts

@@ -1,6 +1,6 @@
-import type { NextResponse } from "next/server";
 import type { NextAuthRequest, Session } from "next-auth";
 import NextAuth from "next-auth";
+import type { NextResponse } from "next/server";
 
 import { nextAuthConfig } from "@/next-auth.config";
 

apps/web/src/components/clock.tsx

@@ -79,7 +79,10 @@ export const TimesShownIn = () => {
 
   return (
     <ClockPreferences>
-      <button className="inline-flex items-center gap-x-2.5 text-sm hover:underline">
+      <button
+        type="button"
+        className="inline-flex items-center gap-x-2.5 text-sm hover:underline"
+      >
         <GlobeIcon className="size-4" />
         <Trans
           i18nKey="timeShownIn"

apps/web/src/components/cookie-consent.tsx

@@ -48,6 +48,7 @@ const CookieConsentPopover = () => {
                   Privacy Policy
                 </Link>
                 <button
+                  type="button"
                   onClick={() => {
                     Cookies.set("rallly_cookie_consent", "1", { expires: 365 });
                     setVisible(false);

apps/web/src/components/create-poll.tsx

@@ -11,7 +11,7 @@ import {
 import { Form } from "@rallly/ui/form";
 import { useToast } from "@rallly/ui/hooks/use-toast";
 import { useRouter } from "next/navigation";
-import React from "react";
+import type React from "react";
 import { useForm } from "react-hook-form";
 import useFormPersist from "react-hook-form-persist";
 import { useUnmount } from "react-use";

apps/web/src/components/date-card.tsx

@@ -1,5 +1,5 @@
 import { cn } from "@rallly/ui";
-import * as React from "react";
+import type * as React from "react";
 
 export interface DateCardProps {
   day: string;

apps/web/src/components/discussion/discussion.tsx

@@ -223,10 +223,8 @@ function DiscussionInner() {
                         </div>
                         {canDelete && (
                           <DropdownMenu>
-                            <DropdownMenuTrigger asChild={true}>
+                            <DropdownMenuTrigger className="hover:text-foreground text-gray-500">
-                              <button className="hover:text-foreground text-gray-500">
                               <MoreHorizontalIcon className="size-4" />
-                              </button>
                             </DropdownMenuTrigger>
                             <DropdownMenuContent align="start">
                               <DropdownMenuItem
@@ -268,6 +266,7 @@ function DiscussionInner() {
             />
           ) : (
             <button
+              type="button"
               className="border-input text-muted-foreground flex w-full rounded border bg-transparent px-2 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1"
               onClick={() => setIsWriting(true)}
             >

apps/web/src/components/error-page.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@rallly/ui/button";
 import { FrownIcon } from "lucide-react";
 import Link from "next/link";
-import * as React from "react";
+import type * as React from "react";
 
 import { useTranslation } from "@/i18n/client";
 

apps/web/src/components/event-card.tsx

@@ -5,9 +5,9 @@ import { Icon } from "@rallly/ui/icon";
 import dayjs from "dayjs";
 import { DotIcon, MapPinIcon, PauseIcon } from "lucide-react";
 
+import { PollStatusBadge } from "@/components/poll-status";
 import TruncatedLinkify from "@/components/poll/truncated-linkify";
 import VoteIcon from "@/components/poll/vote-icon";
-import { PollStatusBadge } from "@/components/poll-status";
 import { RandomGradientBar } from "@/components/random-gradient-bar";
 import { Trans } from "@/components/trans";
 import { usePoll } from "@/contexts/poll";

apps/web/src/components/feedback.tsx

@@ -30,7 +30,7 @@ const FeedbackButton = () => {
         <DropdownMenuSeparator />
         <DropdownMenuItem asChild>
           <Link
-            href={`https://feedback.rallly.co/?b=feedback`}
+            href={"https://feedback.rallly.co/?b=feedback"}
             target={"_blank"}
           >
             <SmileIcon className="mr-2 size-4" />
@@ -39,7 +39,7 @@ const FeedbackButton = () => {
         </DropdownMenuItem>
         <DropdownMenuItem asChild>
           <Link
-            href={`https://feedback.rallly.co/?b=feature-request`}
+            href={"https://feedback.rallly.co/?b=feature-request"}
             target={"_blank"}
           >
             <LightbulbIcon className="mr-2 size-4" />
@@ -48,7 +48,7 @@ const FeedbackButton = () => {
         </DropdownMenuItem>
         <DropdownMenuItem asChild>
           <Link
-            href={`https://feedback.rallly.co/?b=bug-reports`}
+            href={"https://feedback.rallly.co/?b=bug-reports"}
             target={"_blank"}
           >
             <BugIcon className="mr-2 size-4" />
@@ -57,7 +57,7 @@ const FeedbackButton = () => {
         </DropdownMenuItem>
         <DropdownMenuSeparator />
         <DropdownMenuItem asChild>
-          <Link href={`https://support.rallly.co`} target={"_blank"}>
+          <Link href={"https://support.rallly.co"} target={"_blank"}>
             <LifeBuoyIcon className="mr-2 size-4" />
             <Trans i18nKey={"getSupport"} defaults={"Get Support"} />
           </Link>

apps/web/src/components/forms/poll-options-form/date-navigation-toolbar.tsx

@@ -1,6 +1,6 @@
 import { Button } from "@rallly/ui/button";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
 import { useTranslation } from "@/i18n/client";
 

apps/web/src/components/forms/poll-options-form/dayjs-localizer.ts

@@ -1,22 +1,26 @@
-/* eslint-disable */
 // @ts-nocheck
 import { DateLocalizer } from "react-big-calendar";
 
 const weekRangeFormat = ({ start, end }, culture, local) =>
+  // biome-ignore lint/style/useTemplate: Fix this later
   local.format(start, "MMMM DD", culture) +
   " – " +
   local.format(end, local.eq(start, end, "month") ? "DD" : "MMMM DD", culture);
 
 const dateRangeFormat = ({ start, end }, culture, local) =>
+  // biome-ignore lint/style/useTemplate: Fix this later
   local.format(start, "L", culture) + " – " + local.format(end, "L", culture);
 
 const timeRangeFormat = ({ start, end }, culture, local) =>
+  // biome-ignore lint/style/useTemplate: Fix this later
   local.format(start, "LT", culture) + " – " + local.format(end, "LT", culture);
 
 const timeRangeStartFormat = ({ start }, culture, local) =>
+  // biome-ignore lint/style/useTemplate: Fix this later
   local.format(start, "LT", culture) + " – ";
 
 const timeRangeEndFormat = ({ end }, culture, local) =>
+  // biome-ignore lint/style/useTemplate: Fix this later
   " – " + local.format(end, "LT", culture);
 
 export const formats = {
@@ -62,6 +66,7 @@ export default function (dayjs) {
     return [dtA, dtB, datePart];
   }
 
+  // biome-ignore lint/style/useDefaultParameterLast: Fix this later
   function startOf(date = null, unit) {
     const datePart = fixUnit(unit);
     if (datePart) {
@@ -70,6 +75,7 @@ export default function (dayjs) {
     return dayjs(date).toDate();
   }
 
+  // biome-ignore lint/style/useDefaultParameterLast: Fix this later
   function endOf(date = null, unit) {
     const datePart = fixUnit(unit);
     if (datePart) {

apps/web/src/components/forms/poll-options-form/month-calendar/month-calendar.tsx

@@ -26,6 +26,7 @@ import type { NewEventData } from "@/components/forms";
 import { Trans } from "@/components/trans";
 import { useTranslation } from "@/i18n/client";
 
+import type { DateTimeOption } from "..";
 import {
   expectTimeOption,
   getBrowserTimeZone,
@@ -34,7 +35,6 @@ import {
 } from "../../../../utils/date-time-utils";
 import DateCard from "../../../date-card";
 import { useHeadlessDatePicker } from "../../../headless-date-picker";
-import type { DateTimeOption } from "..";
 import type { DateTimePickerProps } from "../types";
 import { formatDateWithoutTime, formatDateWithoutTz } from "../utils";
 import TimePicker from "./time-picker";
@@ -81,7 +81,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
 
   const datepickerSelection = React.useMemo(() => {
     return Object.keys(optionsByDay).map(
-      (dateString) => new Date(dateString + "T12:00:00"),
+      (dateString) => new Date(`${dateString}T12:00:00`),
     );
   }, [optionsByDay]);
 
@@ -127,6 +127,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
               {datepicker.days.map((day, i) => {
                 return (
                   <div
+                    // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
                     key={i}
                     className={cn("h-11", {
                       "border-r": (i + 1) % 7 !== 0,
@@ -192,7 +193,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
                             ? "border-primary-300 group-hover:border-primary-400 border-dashed shadow-sm"
                             : "border-dashed border-transparent group-hover:border-gray-400 group-active:bg-gray-200",
                         )}
-                      ></span>
+                      />
                       <span className="z-10">{day.day}</span>
                     </button>
                   </div>
@@ -272,7 +273,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
                       className="space-y-3 p-3 sm:flex sm:items-start sm:space-x-4 sm:space-y-0 sm:p-4"
                     >
                       <DateCard
-                        {...getDateProps(new Date(dateString + "T12:00:00"))}
+                        {...getDateProps(new Date(`${dateString}T12:00:00`))}
                       />
                       <div className="grow space-y-3">
                         {optionsForDay.map(({ option, index }) => {
@@ -411,8 +412,10 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
                                     },
                                   );
                                   const newOptions: DateTimeOption[] = [];
+                                  // biome-ignore lint/complexity/noForEach: Fix this later
                                   Object.keys(optionsByDay).forEach(
                                     (dateString) => {
+                                      // biome-ignore lint/complexity/noForEach: Fix this later
                                       times.forEach((time) => {
                                         const start =
                                           dateString + time.startTime;
@@ -465,6 +468,7 @@ const MonthCalendar: React.FunctionComponent<DateTimePickerProps> = ({
                 .map((selectedDate, i) => {
                   return (
                     <DateCard
+                      // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
                       key={i}
                       {...getDateProps(selectedDate)}
                       // annotation={

apps/web/src/components/forms/poll-options-form/poll-options-form.tsx

@@ -71,8 +71,7 @@ const PollOptionsForm = ({
     [views, watchView],
   );
 
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const watchOptions = watch("options", []);
-  const watchOptions = watch("options", [])!;
   const watchDuration = watch("duration");
   const watchTimeZone = watch("timeZone");
 

apps/web/src/components/forms/poll-options-form/week-calendar.tsx

@@ -3,7 +3,7 @@ import "./rbc-overrides.css";
 
 import dayjs from "dayjs";
 import { XIcon } from "lucide-react";
-import React from "react";
+import type React from "react";
 import type { CalendarProps } from "react-big-calendar";
 import { Calendar } from "react-big-calendar";
 import { createBreakpoint } from "react-use";
@@ -123,7 +123,7 @@ const WeekCalendar: React.FunctionComponent<DateTimePickerProps> = ({
             );
           },
           week: {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // biome-ignore lint/suspicious/noExplicitAny: Fix this later
             header: function Header({ date }: any) {
               return (
                 <span className="w-full rounded-md text-center text-sm tracking-tight">

apps/web/src/components/forms/poll-settings.tsx

@@ -11,7 +11,7 @@ import { useDialog } from "@rallly/ui/dialog";
 import { FormField } from "@rallly/ui/form";
 import { Switch } from "@rallly/ui/switch";
 import { AtSignIcon, EyeIcon, MessageCircleIcon, VoteIcon } from "lucide-react";
-import React from "react";
+import type React from "react";
 import { useFormContext } from "react-hook-form";
 import { Trans } from "react-i18next";
 
@@ -52,6 +52,7 @@ const SettingTitle = ({
 
 const Setting = ({ children }: React.PropsWithChildren) => {
   return (
+    // biome-ignore lint/a11y/noLabelWithoutControl: Fix this later
     <label
       className={cn(
         "cursor-pointer bg-white hover:bg-gray-50 active:bg-gray-100",

apps/web/src/components/forms/types.ts

@@ -7,7 +7,7 @@ export type NewEventData = PollDetailsData &
   PollOptionsData &
   PollSettingsFormData;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// biome-ignore lint/suspicious/noExplicitAny: Fix this later
 export interface PollFormProps<T extends Record<string, any>> {
   onSubmit?: (data: T) => void;
   onChange?: (data: Partial<T>) => void;

apps/web/src/components/invite-dialog.tsx

@@ -80,9 +80,9 @@ export const InviteDialog = () => {
           </DialogDescription>
         </DialogHeader>
         <div className="min-w-0">
-          <label className="mb-2">
+          <p className="mb-2 text-sm">
             <Trans i18nKey="inviteLink" defaults="Invite Link" />
-          </label>
+          </p>
           <div className="flex gap-2">
             <CopyInviteLinkButton />
             <div className="shrink-0">

apps/web/src/components/layouts/poll-layout.tsx

@@ -10,7 +10,7 @@ import {
 } from "lucide-react";
 import Link from "next/link";
 import { useParams, usePathname } from "next/navigation";
-import React from "react";
+import type React from "react";
 
 import { LogoutButton } from "@/app/components/logout-button";
 import { InviteDialog } from "@/components/invite-dialog";

apps/web/src/components/modal/modal-provider.tsx

@@ -78,6 +78,7 @@ const ModalProvider: React.FunctionComponent<ModalProviderProps> = ({
       ))}
       {modals.map((props, i) => (
         <Modal
+          // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
           key={i}
           visible={true}
           {...props}

apps/web/src/components/modal/modal.tsx

@@ -8,7 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@rallly/ui/dialog";
-import * as React from "react";
+import type * as React from "react";
 
 export interface ModalProps {
   title?: React.ReactNode;

apps/web/src/components/new-participant-modal.tsx

@@ -168,6 +168,7 @@ export const NewParticipantForm = (props: NewParticipantModalProps) => {
         ) : null}
       </fieldset>
       <fieldset>
+        {/* biome-ignore lint/a11y/noLabelWithoutControl: Fix this later */}
         <label className="mb-1 text-gray-500">{t("response")}</label>
         <VoteSummary votes={props.votes} />
       </fieldset>

apps/web/src/components/participant-avatar-bar.tsx

@@ -16,7 +16,7 @@ interface ParticipantAvatarBarProps {
 
 export const ParticipantAvatarBar = ({
   participants,
-  max = Infinity,
+  max = Number.POSITIVE_INFINITY,
 }: ParticipantAvatarBarProps) => {
   const totalParticipants = participants.length;
 
@@ -37,6 +37,7 @@ export const ParticipantAvatarBar = ({
   return (
     <ul className="flex cursor-default items-center -space-x-1 rounded-full bg-white p-0.5">
       {visibleParticipants.map((participant, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
         <Tooltip delayDuration={100} key={index}>
           <TooltipTrigger asChild>
             <li className="z-10 inline-flex items-center justify-center rounded-full ring-2 ring-white">
@@ -70,6 +71,7 @@ export const ParticipantAvatarBar = ({
               <TooltipContent className="z-10">
                 <ul>
                   {tooltipParticipants.map((participant, index) => (
+                    // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
                     <li key={index}>{participant.name}</li>
                   ))}
                   {remainingCount > 0 && (

apps/web/src/components/poll-context.tsx

@@ -59,6 +59,7 @@ export const PollContextProvider: React.FunctionComponent<{
     (optionId: string) => {
       return (participants ?? []).reduce(
         (acc, curr) => {
+          // biome-ignore lint/complexity/noForEach: Fix this later
           curr.votes.forEach((vote) => {
             if (vote.optionId !== optionId) {
               return;
@@ -103,6 +104,7 @@ export const PollContextProvider: React.FunctionComponent<{
     );
 
     const participantsByOptionId: Record<string, Participant[]> = {};
+    // biome-ignore lint/complexity/noForEach: Fix this later
     poll.options.forEach((option) => {
       participantsByOptionId[option.id] = (participants ?? []).filter(
         (participant) =>
@@ -233,13 +235,13 @@ export const OptionsProvider = (props: React.PropsWithChildren) => {
   const { poll } = usePoll();
   const { timeZone: targetTimeZone, timeFormat } = useDayjs();
 
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Fix this later
   const options = React.useMemo(() => {
     return createOptionsContextValue(
       poll.options,
       targetTimeZone,
       poll.timeZone,
     );
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [poll.options, poll.timeZone, targetTimeZone, timeFormat]);
 
   return (

apps/web/src/components/poll/desktop-poll.tsx

@@ -311,6 +311,7 @@ const DesktopPoll: React.FunctionComponent = () => {
                         ? visibleParticipants.map((participant, i) => {
                             return (
                               <ParticipantRow
+                                // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
                                 key={i}
                                 participant={{
                                   id: participant.id,

apps/web/src/components/poll/desktop-poll/participant-row-form.tsx

@@ -19,7 +19,7 @@ import { Trans } from "@/components/trans";
 import { useTranslation } from "@/i18n/client";
 
 import { usePoll } from "../../poll-context";
-import { toggleVote, VoteSelector } from "../vote-selector";
+import { VoteSelector, toggleVote } from "../vote-selector";
 
 export interface ParticipantRowFormProps {
   name?: string;
@@ -113,6 +113,7 @@ const ParticipantRowForm = ({
               control={form.control}
               name={`votes.${i}`}
               render={({ field }) => (
+                // biome-ignore lint/a11y/useKeyWithClickEvents: Fix later
                 <div
                   onClick={() => {
                     field.onChange({

apps/web/src/components/poll/desktop-poll/participant-row.tsx

@@ -4,7 +4,7 @@ import { Badge } from "@rallly/ui/badge";
 import { Button } from "@rallly/ui/button";
 import { Icon } from "@rallly/ui/icon";
 import { MoreHorizontalIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
 import { OptimizedAvatarImage } from "@/components/optimized-avatar-image";
 import { Participant, ParticipantName } from "@/components/participant";
@@ -68,6 +68,7 @@ export const ParticipantRowView: React.FunctionComponent<{
       {votes.map((vote, i) => {
         return (
           <td
+            // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
             key={i}
             className={cn(
               "h-12 border-l border-t",
@@ -95,7 +96,7 @@ export const ParticipantRowView: React.FunctionComponent<{
           </td>
         );
       })}
-      <td className="bg-diagonal-lines border-l"></td>
+      <td className="bg-diagonal-lines border-l" />
     </tr>
   );
 };
@@ -109,7 +110,7 @@ const ParticipantRow: React.FunctionComponent<ParticipantRowProps> = ({
   const { ownsObject } = useUser();
   const { getVote, optionIds } = usePoll();
 
-  const isYou = ownsObject(participant) ? true : false;
+  const isYou = ownsObject(participant);
 
   const { canEditParticipant } = usePermissions();
   const canEdit = canEditParticipant(participant.id);

apps/web/src/components/poll/desktop-poll/poll-header.tsx

@@ -6,10 +6,10 @@ import {
   TooltipTrigger,
 } from "@rallly/ui/tooltip";
 import { ClockIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
-import { ConnectedScoreSummary } from "@/components/poll/score-summary";
 import { useOptions } from "@/components/poll-context";
+import { ConnectedScoreSummary } from "@/components/poll/score-summary";
 import { Trans } from "@/components/trans";
 
 const TimeRange: React.FunctionComponent<{
@@ -50,9 +50,9 @@ const TimelineRow = ({
       <th
         style={{ minWidth: 240, top }}
         className="sticky left-0 z-30 bg-white pl-4 pr-4"
-      ></th>
+      />
       {children}
-      <th className="w-full min-w-4 border-l"></th>
+      <th className="w-full min-w-4 border-l" />
     </tr>
   );
 };

apps/web/src/components/poll/manage-poll.tsx

@@ -186,7 +186,6 @@ const ManagePoll: React.FunctionComponent<{
             </Link>
           </DropdownMenuItem>
           <DropdownMenuSeparator />
-          <>
           {poll.status === "finalized" ? (
             <DropdownMenuItem
               onClick={() => {
@@ -224,7 +223,6 @@ const ManagePoll: React.FunctionComponent<{
               <PauseResumeToggle />
             </>
           )}
-          </>
           <DropdownMenuSeparator />
           <DropdownMenuItem onClick={exportToCsv}>
             <DropdownMenuItemIconLabel icon={DownloadIcon}>

apps/web/src/components/poll/manage-poll/delete-poll-dialog.tsx

@@ -8,7 +8,7 @@ import {
   DialogTitle,
 } from "@rallly/ui/dialog";
 import { useRouter } from "next/navigation";
-import * as React from "react";
+import type * as React from "react";
 
 import { Trans } from "@/components/trans";
 import { trpc } from "@/trpc/client";

apps/web/src/components/poll/manage-poll/finalize-poll-dialog.tsx

@@ -52,6 +52,7 @@ const useScoreByOptionId = () => {
 
   return React.useMemo(() => {
     const scoreByOptionId: Record<string, OptionScore> = {};
+    // biome-ignore lint/complexity/noForEach: Fix this later
     options.forEach((option) => {
       scoreByOptionId[option.id] = {
         yes: [],
@@ -60,7 +61,9 @@ const useScoreByOptionId = () => {
       };
     });
 
+    // biome-ignore lint/complexity/noForEach: Fix this later
     responses?.forEach((response) => {
+      // biome-ignore lint/complexity/noForEach: Fix this later
       response.votes.forEach((vote) => {
         scoreByOptionId[vote.optionId]?.[vote.type].push(response.id);
       });

apps/web/src/components/poll/mobile-poll.tsx

@@ -12,16 +12,16 @@ import {
 import { MoreHorizontalIcon, PlusIcon, UsersIcon } from "lucide-react";
 import { AnimatePresence } from "motion/react";
 import * as m from "motion/react-m";
-import * as React from "react";
+import type * as React from "react";
 import smoothscroll from "smoothscroll-polyfill";
 
 import { TimesShownIn } from "@/components/clock";
 import { OptimizedAvatarImage } from "@/components/optimized-avatar-image";
 import { Participant, ParticipantName } from "@/components/participant";
 import { ParticipantDropdown } from "@/components/participant-dropdown";
+import { useOptions, usePoll } from "@/components/poll-context";
 import { useVotingForm } from "@/components/poll/voting-form";
 import { YouAvatar } from "@/components/poll/you-avatar";
-import { useOptions, usePoll } from "@/components/poll-context";
 import { Trans } from "@/components/trans";
 import { usePermissions } from "@/contexts/permissions";
 import { useTranslation } from "@/i18n/client";

apps/web/src/components/poll/mobile-poll/date-option.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 import type { PollOptionProps } from "./poll-option";
 import PollOption from "./poll-option";

apps/web/src/components/poll/mobile-poll/grouped-options.tsx

@@ -1,6 +1,6 @@
 import { cn } from "@rallly/ui";
 import { groupBy } from "lodash";
-import * as React from "react";
+import type * as React from "react";
 
 import type { ParsedDateTimeOpton } from "@/utils/date-time-utils";
 

apps/web/src/components/poll/mobile-poll/poll-option.tsx

@@ -49,6 +49,7 @@ const PollOptionVoteSummary: React.FunctionComponent<{ optionId: string }> = ({
         <div className="grid grid-cols-2 gap-2">
           <div className="col-span-1 space-y-2.5">
             {participantsWhoVotedYes.map(({ name }, i) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
               <div key={i} className="flex">
                 <div className="relative mr-2.5 flex size-5 items-center justify-center">
                   <OptimizedAvatarImage size="xs" name={name} />
@@ -62,6 +63,7 @@ const PollOptionVoteSummary: React.FunctionComponent<{ optionId: string }> = ({
               </div>
             ))}
             {participantsWhoVotedIfNeedBe.map(({ name }, i) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
               <div key={i} className="flex">
                 <div className="relative mr-2.5 flex size-5 items-center justify-center">
                   <OptimizedAvatarImage size="xs" name={name} />
@@ -77,6 +79,7 @@ const PollOptionVoteSummary: React.FunctionComponent<{ optionId: string }> = ({
           </div>
           <div className="col-span-1 space-y-2.5">
             {participantsWhoVotedNo.map(({ name }, i) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
               <div key={i} className="flex">
                 <div className="relative mr-2.5 flex size-5 items-center justify-center">
                   <OptimizedAvatarImage size="xs" name={name} />
@@ -111,6 +114,7 @@ const PollOption: React.FunctionComponent<PollOptionProps> = ({
   const [active, setActive] = React.useState(false);
   const [isExpanded, toggle] = useToggle(false);
   return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: Fix this later
     <div
       className={cn("space-y-4 bg-white p-4", {
         "bg-gray-500/5": editable && active,

apps/web/src/components/poll/mobile-poll/poll-options.tsx

@@ -1,9 +1,9 @@
 import type { VoteType } from "@rallly/database";
-import * as React from "react";
+import type * as React from "react";
 import { Controller } from "react-hook-form";
 
-import { useVotingForm } from "@/components/poll/voting-form";
 import { usePoll } from "@/components/poll-context";
+import { useVotingForm } from "@/components/poll/voting-form";
 import type { ParsedDateTimeOpton } from "@/utils/date-time-utils";
 
 import DateOption from "./date-option";

apps/web/src/components/poll/mobile-poll/time-slot-option.tsx

@@ -1,5 +1,5 @@
 import { ClockIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 
 import type { PollOptionProps } from "./poll-option";
 import PollOption from "./poll-option";

apps/web/src/components/poll/notifications-toggle.tsx

@@ -4,7 +4,7 @@ import { Icon } from "@rallly/ui/icon";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
 import { BellOffIcon, BellRingIcon } from "lucide-react";
 import { signIn } from "next-auth/react";
-import * as React from "react";
+import type * as React from "react";
 
 import { Skeleton } from "@/components/skeleton";
 import { Trans } from "@/components/trans";
@@ -22,7 +22,7 @@ const NotificationsToggle: React.FunctionComponent = () => {
       pollId: poll.id,
     },
     {
-      staleTime: Infinity,
+      staleTime: Number.POSITIVE_INFINITY,
     },
   );
 

apps/web/src/components/poll/poll-view-tracker.tsx

@@ -38,7 +38,7 @@ export function PollViewTracker({ pollId }: { pollId: string }) {
 
       // Only track a view if it's been more than 30 minutes since the last view
       // or if this is the first view in this session
-      if (!lastView || now - parseInt(lastView) > 30 * 60 * 1000) {
+      if (!lastView || now - Number.parseInt(lastView) > 30 * 60 * 1000) {
         // Record the view using server action
         trackPollView(pollId)
           .then(() => {

apps/web/src/components/poll/scheduled-event.tsx

@@ -118,7 +118,7 @@ export function ScheduledEvent() {
               }
               guests={attendees
                 .filter((participant) => !!participant.email)
-                .map((participant) => participant.email!)}
+                .map((participant) => participant.email as string)}
             />
           </div>
         </div>

apps/web/src/components/poll/truncated-linkify.tsx

@@ -1,7 +1,7 @@
 import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
 import Linkify from "linkify-react";
 import Link from "next/link";
-import * as React from "react";
+import type * as React from "react";
 
 export const truncateLink = (href: string, text: string, key: number) => {
   const textWithoutProtocol = text.replace(/^https?:\/\//i, "");

apps/web/src/components/register-link.tsx

@@ -17,7 +17,7 @@ export const RegisterLink = React.forwardRef<
       onClick={async (e) => {
         e.preventDefault();
         props.onClick?.(e);
-        router.push("/register?redirectTo=" + encodeURIComponent(pathname));
+        router.push(`/register?redirectTo=${encodeURIComponent(pathname)}`);
       }}
     >
       {children}

apps/web/src/components/skeleton.tsx

@@ -1,5 +1,5 @@
 import { cn } from "@rallly/ui";
-import React from "react";
+import type React from "react";
 
 export const Skeleton = (props: {
   className?: string;

apps/web/src/components/steps/step.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 
 export interface StepProps {
   title: string;

apps/web/src/components/steps/steps.tsx

@@ -1,5 +1,5 @@
 import { cn } from "@rallly/ui";
-import React from "react";
+import type React from "react";
 
 import { useTranslation } from "@/i18n/client";
 
@@ -28,6 +28,7 @@ const Steps: React.FunctionComponent<StepsProps> = ({
         {[...Array(total)].map((_, i) => {
           return (
             <span
+              // biome-ignore lint/suspicious/noArrayIndexKey: Fix this later
               key={i}
               className={cn("h-2 w-2 rounded-full transition-all", {
                 "bg-primary-400": i <= current,

apps/web/src/components/table/table-column-header.tsx

@@ -20,6 +20,7 @@ export function DataTableColumnHeader<TData, TValue>({
 
   return (
     <button
+      type="button"
       className="flex w-full items-center gap-x-2.5"
       onClick={() => {
         column.toggleSorting();

apps/web/src/components/time-format-picker.tsx

@@ -17,12 +17,14 @@ const TimeFormatPicker = ({
   return (
     <RadioGroup value={value} onValueChange={onChange} disabled={disabled}>
       <div className="grid gap-y-1">
+        {/* biome-ignore lint/a11y/noLabelWithoutControl: Fix this later */}
         <label className="flex items-center gap-x-2">
           <RadioGroupItem value="hours12" />
           <span>
             <Trans i18nKey="12h" />
           </span>
         </label>
+        {/* biome-ignore lint/a11y/noLabelWithoutControl: Fix this later */}
         <label className="flex items-center gap-x-2">
           <RadioGroupItem value="hours24" />
           <span>

apps/web/src/components/upgrade-button.tsx

@@ -50,13 +50,3 @@ export const UpgradeButton = ({
     </form>
   );
 };
-
-export const UpgradeLink = ({}) => {
-  return (
-    <Button variant="primary" asChild>
-      <Link href="/settings/billing">
-        <Trans i18nKey="upgrade" defaults="Upgrade" />
-      </Link>
-    </Button>
-  );
-};

apps/web/src/components/user-provider.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { usePostHog } from "@rallly/posthog/client";
-import { useRouter } from "next/navigation";
 import { signIn, signOut } from "next-auth/react";
+import { useRouter } from "next/navigation";
 import React from "react";
 
 import { useTranslation } from "@/i18n/client";
@@ -83,6 +83,7 @@ export const UserProvider = ({
   const isGuest = !user || user.tier === "guest";
   const tier = isGuest ? "guest" : user.tier;
 
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Fix this later
   React.useEffect(() => {
     if (user) {
       posthog?.identify(user.id, {
@@ -92,7 +93,6 @@ export const UserProvider = ({
         image: user.image,
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [user?.id]);
 
   return (

apps/web/src/components/vote-summary-progress-bar.tsx

@@ -33,7 +33,7 @@ export const VoteSummaryProgressBar = (props: {
           <div
             className="h-full bg-green-500 opacity-75 hover:opacity-100"
             style={{
-              width: (props.yes.length / props.total) * 100 + "%",
+              width: `${(props.yes.length / props.total) * 100}%`,
             }}
           />
         </TooltipTrigger>
@@ -46,7 +46,7 @@ export const VoteSummaryProgressBar = (props: {
           <div
             className="h-full bg-amber-400 opacity-75 hover:opacity-100"
             style={{
-              width: (props.ifNeedBe.length / props.total) * 100 + "%",
+              width: `${(props.ifNeedBe.length / props.total) * 100}%`,
             }}
           />
         </TooltipTrigger>
@@ -59,7 +59,7 @@ export const VoteSummaryProgressBar = (props: {
           <div
             className="h-full bg-gray-300 opacity-75 hover:opacity-100"
             style={{
-              width: (props.no.length / props.total) * 100 + "%",
+              width: `${(props.no.length / props.total) * 100}%`,
             }}
           />
         </TooltipTrigger>

apps/web/src/features/moderation/libs/ai-moderation.ts

@@ -22,7 +22,7 @@ export async function moderateContentWithAI(text: string) {
 
     return result.text.includes("FLAGGED");
   } catch (err) {
-    console.error(`❌ AI moderation failed:`, err);
+    console.error("❌ AI moderation failed:", err);
     return false;
   }
 }

apps/web/src/features/navigation/command-menu/command-global-shortcut.tsx

@@ -1,7 +1,4 @@
-"use client";
+import React from "react";
-
-import { useRouter } from "next/navigation";
-import { useEffect } from "react";
 
 function cmdKey(e: KeyboardEvent) {
   if (e.metaKey || e.ctrlKey) {
@@ -11,9 +8,7 @@ function cmdKey(e: KeyboardEvent) {
 }
 
 export function CommandGlobalShortcut({ trigger }: { trigger: () => void }) {
-  const router = useRouter();
+  React.useEffect(() => {
-
-  useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
       switch (cmdKey(e)) {
         case "k":
@@ -28,7 +23,7 @@ export function CommandGlobalShortcut({ trigger }: { trigger: () => void }) {
     return () => {
       document.removeEventListener("keydown", handleKeyDown);
     };
-  }, [router, trigger]);
+  }, [trigger]);
 
   // This component doesn't render anything
   return null;

apps/web/src/features/scheduled-event/api/get-scheduled-events.ts

@@ -34,7 +34,7 @@ export async function getScheduledEvents({
   const where: Prisma.ScheduledEventWhereInput = {
     userId,
     deletedAt: null,
-    ...(status != "past" && { start: { gte: now } }),
+    ...(status !== "past" && { start: { gte: now } }),
     ...(status === "past" && { start: { lt: now } }),
     ...(search && { title: { contains: search, mode: "insensitive" } }),
     status: mapStatus[status],

apps/web/src/features/timezone/client/context.tsx

@@ -34,10 +34,7 @@ export const TimezoneProvider = ({
     return getBrowserTimeZone();
   });
 
-  const value = React.useMemo(
+  const value = React.useMemo(() => ({ timezone, setTimezone }), [timezone]);
-    () => ({ timezone, setTimezone }),
-    [timezone, setTimezone],
-  );
 
   return (
     <TimezoneContext.Provider value={value}>

apps/web/src/features/timezone/formatted-date-time-server.tsx

@@ -1,7 +1,7 @@
 import { cn } from "@rallly/ui";
 import type { ConfigType } from "dayjs";
 import dayjs from "dayjs";
-import * as React from "react";
+import type * as React from "react";
 
 interface FormattedDateTimeServerProps
   extends Omit<React.HTMLAttributes<HTMLTimeElement>, "dateTime"> {

apps/web/src/features/timezone/utils.ts

@@ -98,6 +98,7 @@ export const groupTimezonesByOffset = (): Record<string, string[]> => {
   const timezones = getAllTimezones();
   const grouped: Record<string, string[]> = {};
 
+  // biome-ignore lint/complexity/noForEach: Fix this later
   timezones.forEach((tz) => {
     const offset = dayjs().tz(tz).format("Z");
     if (!grouped[offset]) {