EsLint v9 (#154)

* Upgrade ESLint and related configurations to version 9

- Update ESLint to version 9.19.0
- Migrate ESLint configurations to flat config format
- Remove deprecated ESLint config files
- Update package dependencies and configurations
- Simplify ESLint setup across packages
- Remove unnecessary ESLint config blocks from package.json files
- Improved CI caching with Turborepo tasks
- Removed duplicate styles

apps/web/app/(marketing)/blog/_components/cover-image.tsx

@@ -13,7 +13,7 @@ export function CoverImage({ title, src, preloadImage, className }: Props) {
   return (
     <Image
       className={cn(
-        'duration-250 block rounded-xl object-cover' +
+        'block rounded-xl object-cover duration-250' +
           ' transition-all hover:opacity-90',
         {
           className,

apps/web/app/(marketing)/blog/_components/post-header.tsx

@@ -14,7 +14,7 @@ export function PostHeader({ post }: { post: Cms.ContentItem }) {
         <div className={'mx-auto flex max-w-3xl flex-col space-y-4'}>
           <h1
             className={
-              'font-heading text-3xl font-semibold tracking-tighter dark:text-white xl:text-5xl'
+              'font-heading text-3xl font-semibold tracking-tighter xl:text-5xl dark:text-white'
             }
           >
             {title}
@@ -27,7 +27,7 @@ export function PostHeader({ post }: { post: Cms.ContentItem }) {
           </div>
 
           <h2
-            className={'text-base text-muted-foreground xl:text-lg'}
+            className={'text-muted-foreground text-base xl:text-lg'}
             dangerouslySetInnerHTML={{ __html: description ?? '' }}
           ></h2>
         </div>

apps/web/app/(marketing)/docs/[...slug]/page.tsx

@@ -63,7 +63,9 @@ async function DocumentationPage({ params }: DocumentationPageProps) {
       <div className={'flex overflow-y-hidden'}>
         <article className={cn('gap-y-12 overflow-y-auto px-6')}>
           <section className={'flex flex-col gap-y-2.5'}>
-            <h1 className={'text-3xl font-semibold text-foreground'}>{page.title}</h1>
+            <h1 className={'text-foreground text-3xl font-semibold'}>
+              {page.title}
+            </h1>
 
             <h2 className={'text-muted-foreground text-lg'}>{description}</h2>
           </section>

apps/web/app/(marketing)/docs/_components/docs-page-link.tsx

@@ -18,7 +18,7 @@ export function DocsPageLink({
   return (
     <Link
       className={cn(
-        `flex w-full items-center space-x-8 rounded-xl p-6 font-medium text-current ring-2 ring-muted transition-all hover:ring-primary`,
+        `ring-muted hover:ring-primary flex w-full items-center space-x-8 rounded-xl p-6 font-medium text-current ring-2 transition-all`,
         {
           'justify-start': before,
           'justify-end self-end': after,
@@ -30,7 +30,7 @@ export function DocsPageLink({
 
       <span className={'flex flex-col space-y-1.5'}>
         <span
-          className={'text-xs font-semibold uppercase text-muted-foreground'}
+          className={'text-muted-foreground text-xs font-semibold uppercase'}
         >
           {before ? `Previous` : ``}
           {after ? `Next` : ``}

apps/web/app/(marketing)/docs/_components/floating-docs-navigation.tsx

@@ -54,8 +54,8 @@ export function FloatingDocumentationNavigation(
       <If condition={isVisible}>
         <div
           className={
-            'fixed left-0 top-0 z-10 h-screen w-full p-4' +
-            ' flex flex-col space-y-4 overflow-auto bg-white dark:bg-background'
+            'fixed top-0 left-0 z-10 h-screen w-full p-4' +
+            ' dark:bg-background flex flex-col space-y-4 overflow-auto bg-white'
           }
         >
           {props.children}
@@ -63,7 +63,7 @@ export function FloatingDocumentationNavigation(
       </If>
 
       <Button
-        className={'fixed bottom-5 right-5 z-10 h-16 w-16 rounded-full'}
+        className={'fixed right-5 bottom-5 z-10 h-16 w-16 rounded-full'}
         onClick={onClick}
       >
         <Menu className={'h-8'} />

apps/web/app/home/[account]/billing/return/page.tsx

@@ -36,7 +36,7 @@ async function ReturnCheckoutSessionPage({ searchParams }: SessionPageProps) {
 
   return (
     <>
-      <div className={'fixed left-0 top-48 z-50 mx-auto w-full'}>
+      <div className={'fixed top-48 left-0 z-50 mx-auto w-full'}>
         <BillingSessionStatus
           redirectPath={'../billing'}
           customerEmail={customerEmail ?? ''}
@@ -54,7 +54,7 @@ function BlurryBackdrop() {
   return (
     <div
       className={
-        'fixed left-0 top-0 w-full bg-background/30 backdrop-blur-sm' +
+        'bg-background/30 fixed top-0 left-0 w-full backdrop-blur-sm' +
         ' !m-0 h-full'
       }
     />

apps/web/app/join/page.tsx

@@ -137,7 +137,7 @@ function InviteNotFoundOrExpired() {
         <Trans i18nKey={'teams:inviteNotFoundOrExpired'} />
       </Heading>
 
-      <p className={'text-sm text-muted-foreground'}>
+      <p className={'text-muted-foreground text-sm'}>
         <Trans i18nKey={'teams:inviteNotFoundOrExpiredDescription'} />
       </p>