Updated a lot of stuff

apps/web/src/components/modals/basic.tsx

@@ -1,16 +1,16 @@
 import type { User } from "@tensamin/user/context";
-import Avatar from "@tensamin/ui/avatar";
+import { Avatar, AvatarImage, AvatarFallback } from "@tensamin/ui/cmp/avatar";
 import { reduceDisplay } from "./utils";
-import { Card, CardHeader } from "@tensamin/ui/card";
+import { Card, CardHeader } from "@tensamin/ui/cmp/card";
 
 export default function Basic(props: { user: User }) {
   return (
     <Card className="animate-in fade-in duration-300 rounded-2xl">
       <CardHeader className="flex flex-row gap-2.5 items-center justify-start p-2">
-        <Avatar
-          img={props.user.avatar}
-          fallback={reduceDisplay(props.user.display)}
-        />
+        <Avatar>
+          <AvatarImage src={props.user.avatar} />
+          <AvatarFallback>{reduceDisplay(props.user.display)}</AvatarFallback>
+        </Avatar>
         <div className="flex flex-col gap-1 w-full items-start justify-center text-[15px]">
           <p>{props.user.display}</p>
         </div>