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>

apps/web/src/components/navbar.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@tensamin/ui/button";
+import { Button } from "@tensamin/ui/cmp/button";
 import { House } from "lucide-react";
 import { useNavigate, useRouterState } from "@tanstack/react-router";
 import * as React from "react";

apps/web/src/components/screens/login/form.tsx

@@ -1,7 +1,7 @@
-import { Button } from "@tensamin/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@tensamin/ui/card";
-import { Input } from "@tensamin/ui/input";
-import { Label } from "@tensamin/ui/label";
+import { Button } from "@tensamin/ui/cmp/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@tensamin/ui/cmp/card";
+import { Input } from "@tensamin/ui/cmp/input";
+import { Label } from "@tensamin/ui/cmp/label";
 import { useStorage } from "@tensamin/storage/context";
 import { log, toast } from "@tensamin/shared/log";
 import { useNavigate } from "@tanstack/react-router";