(fix): actually migrate all the imports from tensamin/ui to methanium/ui

(feat): update legal loading screen

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

@@ -6,9 +6,9 @@ import {
   Tooltip,
   TooltipTrigger,
   TooltipContent,
-} from "@tensamin/ui";
-import { Card, CardHeader } from "@tensamin/ui";
-import { Skeleton } from "@tensamin/ui";
+} from "@methanium/ui";
+import { Card, CardHeader } from "@methanium/ui";
+import { Skeleton } from "@methanium/ui";
 import { getStatusColor } from "@tensamin/shared/data";
 
 export function Basic({

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

@@ -1,5 +1,5 @@
 import type { User } from "@tensamin/user/context";
-import { Avatar, AvatarFallback, AvatarImage, Button } from "@tensamin/ui";
+import { Avatar, AvatarFallback, AvatarImage, Button } from "@methanium/ui";
 import Text from "@tensamin/markdown/text";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { useState } from "react";

apps/web/src/components/navbar.tsx

@@ -4,17 +4,17 @@ import {
   PopoverContent,
   PopoverTrigger,
   useIsMobile,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { ArrowLeft, House, Phone, Settings, User } from "lucide-react";
 import { useLocation, useNavigate, useSearch } from "@tanstack/react-router";
 import { joinCall, useCall } from "@tensamin/call/store";
 import Wrapper from "@tensamin/user/wrapper";
-import { Skeleton } from "@tensamin/ui";
-import { Select, SelectContent, SelectItem, SelectTrigger } from "@tensamin/ui";
+import { Skeleton } from "@methanium/ui";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "@methanium/ui";
 import { displayCallId } from "@tensamin/call/utils";
 import { useState } from "react";
-import { SidebarTrigger, useSidebar } from "@tensamin/ui";
-import { WindowControls as Controls } from "@tensamin/ui";
+import { SidebarTrigger, useSidebar } from "@methanium/ui";
+import { WindowControls as Controls } from "@methanium/ui";
 import { useSession } from "@tensamin/storage/session";
 import Profile from "./modals/profile";
 

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

@@ -1,6 +1,6 @@
-import { Button, cn, useIsMobile } from "@tensamin/ui";
-import { Input } from "@tensamin/ui";
-import { Label } from "@tensamin/ui";
+import { Button, cn, useIsMobile } from "@methanium/ui";
+import { Input } from "@methanium/ui";
+import { Label } from "@methanium/ui";
 import { useStorage } from "@tensamin/storage/context";
 import { log, toast } from "@tensamin/shared/log";
 import { File } from "lucide-react";

apps/web/src/components/sidebar.tsx

@@ -26,9 +26,9 @@ import {
   SelectValue,
   SelectContent,
   SelectItem,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { isTauri } from "@tauri-apps/api/core";
-import { useIsMobile } from "@tensamin/ui";
+import { useIsMobile } from "@methanium/ui";
 import { MobileNavbar } from "./navbar";
 
 import SidebarBox from "@tensamin/call/sidebarBox";

apps/web/src/features/conversation/modal/conversation.tsx

@@ -6,9 +6,9 @@ import {
   ContextMenuGroup,
   ContextMenuItem,
   ContextMenuTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useNavigate } from "@tanstack/react-router";
-import { useSidebar } from "@tensamin/ui";
+import { useSidebar } from "@methanium/ui";
 
 export default function ConversationModal({ userId }: { userId: number }) {
   const navigate = useNavigate();

apps/web/src/index.tsx

@@ -9,7 +9,7 @@ import {
 } from "@tanstack/react-router";
 
 import "./index.css";
-import "@tensamin/ui/index.css";
+import "@methanium/ui/index.css";
 
 import NotFound from "@/routes/404";
 
@@ -33,7 +33,7 @@ import NotificationsProvider from "@tensamin/notifications/context";
 
 import TAuthWrapper from "@tensamin/tauth/context";
 
-import { ErrorScreen, ThemeProvider, useTheme } from "@tensamin/ui";
+import { ErrorScreen, ThemeProvider, useTheme } from "@methanium/ui";
 import z from "zod";
 
 import { useEffect, useRef, useState, type ReactNode } from "react";
@@ -48,7 +48,7 @@ import CacheSync from "@tensamin/cache/sync";
 
 import { useStorage } from "@tensamin/storage/context";
 import { useLocation, useNavigate } from "@tanstack/react-router";
-import { useIsMobile, Toaster, TooltipProvider } from "@tensamin/ui";
+import { useIsMobile, Toaster, TooltipProvider } from "@methanium/ui";
 import { isTauri } from "@tauri-apps/api/core";
 
 const wrapper = document.getElementById("root");

apps/web/src/routes/app/home.tsx

@@ -9,7 +9,7 @@ import {
   Input,
   Button,
   useIsMobile,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import z from "zod";
 import { useMTP } from "@tensamin/mtp";
 import { useState } from "react";

apps/web/src/routes/app/layout.tsx

@@ -4,7 +4,7 @@ import Sidebar from "@/components/sidebar";
 import Navbar, { MobileNavbar } from "@/components/navbar";
 import { useShowMobileNavbar } from "./useShowMobileNavbar";
 
-import { useIsMobile, cn, SidebarProvider } from "@tensamin/ui";
+import { useIsMobile, cn, SidebarProvider } from "@methanium/ui";
 
 import { isTauri } from "@tauri-apps/api/core";
 

apps/web/src/routes/screens/login.tsx

@@ -1,5 +1,5 @@
 import Form from "@/components/screens/login/form";
-import { CreateScreen } from "@tensamin/ui";
+import { CreateScreen } from "@methanium/ui";
 
 /**
  * Executes Page.