update timeline

apps/admin.saladeaula.digital/app/routes/_.$orgid.scheduled/route.tsx

@@ -29,10 +29,14 @@ import {
   ItemContent,
   ItemDescription,
   ItemGroup,
+  ItemMedia,
   ItemSeparator,
   ItemTitle
 } from '@repo/ui/components/ui/item'
 import { Link } from 'react-router'
+import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
+import { initials } from '@repo/ui/lib/utils'
+import { Abbr } from '@repo/ui/components/abbr'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Matrículas agendadas' }]
@@ -113,10 +117,19 @@ export default function Route({
                           ) => (
                             <Fragment key={index}>
                               <Item>
+                                <ItemMedia className="hidden lg:block">
+                                  <Avatar className="size-10 ">
+                                    <AvatarFallback className="border">
+                                      {initials(user.name)}
+                                    </AvatarFallback>
+                                  </Avatar>
+                                </ItemMedia>
                                 <ItemContent>
                                   <ItemTitle>{course.name}</ItemTitle>
-                                  <ItemDescription>{user.name}</ItemDescription>
-                                  {/*<ItemDescription>*/}
+                                  <ItemDescription className="flex flex-col">
+                                    <Abbr>{user.name}</Abbr>
+                                    <Abbr>{user.email}</Abbr>
+                                  </ItemDescription>
                                   <div className="mt-1">
                                     <ul
                                       className="lg:flex gap-2.5 text-muted-foreground text-sm