feat(@ui): migrate line divider, preloader and save status

src/context/index.tsx

@@ -4,11 +4,15 @@ import { ContextMenuTrigger } from "preact-context-menu";
 import { Text } from "preact-i18n";
 import { useEffect, useState } from "preact/hooks";
 
-import { LinkProvider, TextProvider, TrigProvider } from "@revoltchat/ui";
+import {
+    LinkProvider,
+    Preloader,
+    TextProvider,
+    TrigProvider,
+} from "@revoltchat/ui";
 
 import { hydrateState } from "../mobx/State";
 
-import Preloader from "../components/ui/Preloader";
 import { Children } from "../types/Preact";
 import Locale from "./Locale";
 import Theme from "./Theme";

src/context/intermediate/modals/Onboarding.tsx

@@ -4,9 +4,8 @@ import styles from "./Onboarding.module.scss";
 import { Text } from "preact-i18n";
 import { useState } from "preact/hooks";
 
-import { Button } from "@revoltchat/ui";
+import { Button, Preloader } from "@revoltchat/ui";
 
-import Preloader from "../../../components/ui/Preloader";
 import wideSVG from "/assets/wide.svg";
 
 import FormField from "../../../pages/login/FormField";

src/context/intermediate/popovers/UserProfile.tsx

@@ -15,7 +15,7 @@ import styles from "./UserProfile.module.scss";
 import { Localizer, Text } from "preact-i18n";
 import { useContext, useEffect, useLayoutEffect, useState } from "preact/hooks";
 
-import { Button, IconButton } from "@revoltchat/ui";
+import { Button, IconButton, Preloader } from "@revoltchat/ui";
 
 import { noop } from "../../../lib/js";
 
@@ -29,7 +29,6 @@ import UserStatus from "../../../components/common/user/UserStatus";
 import Markdown from "../../../components/markdown/Markdown";
 import Modal from "../../../components/ui/Modal";
 import Overline from "../../../components/ui/Overline";
-import Preloader from "../../../components/ui/Preloader";
 import {
     ClientStatus,
     StatusContext,

src/context/revoltjs/FileUploads.tsx

@@ -7,11 +7,10 @@ import classNames from "classnames";
 import { Text } from "preact-i18n";
 import { useContext, useEffect, useState } from "preact/hooks";
 
-import { IconButton } from "@revoltchat/ui";
+import { IconButton, Preloader } from "@revoltchat/ui";
 
 import { determineFileSize } from "../../lib/fileSize";
 
-import Preloader from "../../components/ui/Preloader";
 import { useIntermediate } from "../intermediate/Intermediate";
 import { AppContext } from "./RevoltClient";
 import { takeError } from "./util";

src/context/revoltjs/RequiresOnline.tsx

@@ -4,7 +4,7 @@ import styled from "styled-components/macro";
 import { Text } from "preact-i18n";
 import { useContext } from "preact/hooks";
 
-import Preloader from "../../components/ui/Preloader";
+import { Preloader } from "@revoltchat/ui";
 
 import { Children } from "../../types/Preact";
 import { ClientStatus, StatusContext } from "./RevoltClient";

src/context/revoltjs/RevoltClient.tsx

@@ -3,12 +3,12 @@ import { observer } from "mobx-react-lite";
 import { Client } from "revolt.js";
 
 import { createContext } from "preact";
-import { useContext, useEffect, useMemo, useState } from "preact/hooks";
+import { useContext, useEffect, useState } from "preact/hooks";
+
+import { Preloader } from "@revoltchat/ui";
 
 import { useApplicationState } from "../../mobx/State";
 
-import Preloader from "../../components/ui/Preloader";
-
 import { Children } from "../../types/Preact";
 import { useIntermediate } from "../intermediate/Intermediate";
 import { registerEvents } from "./events";