Prettier formatting

src/components/layout/status/list/index.tsx

@@ -1,10 +1,7 @@
 'use client';
 import Link from 'next/link';
 import { useState } from 'react';
-import {
-  type Preloaded,
-  usePreloadedQuery,
-} from 'convex/react';
+import { type Preloaded, usePreloadedQuery } from 'convex/react';
 import { api } from '~/convex/_generated/api';
 import { useTVMode } from '@/components/providers';
 import {
@@ -45,7 +42,8 @@ export const StatusList = ({
 
   const containerCn = ccn({
     context: tvMode,
-    className: 'flex flex-col mx-auto items-center\
+    className:
+      'flex flex-col mx-auto items-center\
       sm:w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 min-w-[450px]',
     on: 'mt-8',
     off: 'px-10',
@@ -63,7 +61,7 @@ export const StatusList = ({
     className: 'w-4 h-4',
     on: '',
     off: '',
-  })
+  });
 
   const cardContainerCn = ccn({
     context: tvMode,
@@ -82,18 +80,13 @@ export const StatusList = ({
             size={'sm'}
             className='flex items-center gap2'
           >
-            <CheckCircle2
-              className={selectAllIconCn}
-            />
+            <CheckCircle2 className={selectAllIconCn} />
             {selectAll ? 'Unselect All' : 'Select All'}
           </Button>
           {!tvMode && (
             <div className='flex items-center gap-2 text-xs'>
               <span className='text-muted-foreground'>Miss the old table?</span>
-              <Link
-                href='/table'
-                className='font-medium hover:underline'
-              >
+              <Link href='/table' className='font-medium hover:underline'>
                 Find it here!
               </Link>
             </div>
@@ -101,9 +94,7 @@ export const StatusList = ({
         </div>
       </div>
 
-      <div className={cardContainerCn}>
-      </div>
-
+      <div className={cardContainerCn}></div>
     </div>
   );
 };