More ui stuff

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

@@ -125,7 +125,7 @@ export const StatusList = ({
   const containerCn = ccn({
     context: tvMode,
     className: 'mx-auto',
-    on: 'px-6 max-w-7xl',
+    on: 'px-6',
     off: 'max-w-4xl px-4 sm:px-6',
   });
 
@@ -251,8 +251,7 @@ export const StatusList = ({
                     <div className='flex-1 min-w-0'>
                       <div className='flex items-center gap-2 sm:gap-3 mb-1'>
                         <h3
-                          className={`
-                            font-semibold truncate
+                          className={`font-semibold
                             ${tvMode ? 'text-5xl' : 'text-base sm:text-xl'}
                           `}
                           title={u.name ?? u.email ?? 'User'}
@@ -264,13 +263,19 @@ export const StatusList = ({
                             className='hidden sm:flex items-center gap-2
                             text-muted-foreground min-w-0'
                           >
-                            <span className={`${tvMode ? 'text-3xl': 'text-sm'}`}>via</span>
+                            <span
+                              className={`${tvMode ? 'text-3xl' : 'text-sm'}`}
+                            >
+                              via
+                            </span>
                             <BasedAvatar
                               src={s.updatedBy.imageUrl}
                               fullName={s.updatedBy.name ?? 'User'}
                               className={`${tvMode ? 'w-14 h-14 text-xl' : 'w-6 h-6'}`}
                             />
-                            <span className={`${tvMode ? 'text-4xl': 'truncate'}`}>
+                            <span
+                              className={`${tvMode ? 'text-4xl' : 'truncate'}`}
+                            >
                               {s.updatedBy.name ??
                                 s.updatedBy.email ??
                                 'another user'}