Formatted, updated convs & comms list to not depend on each other, updated legal & login screen for better mobile support

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

@@ -15,9 +15,12 @@ import { useTTP } from "@tensamin/ttp/context";
 import { useState } from "react";
 import { Loader2 } from "lucide-react";
 import { isTauri } from "@tauri-apps/api/core";
+import { useStorage } from "@tensamin/storage/context";
 
 // The page
 export default function Page() {
+  const { clear } = useStorage();
+
   return (
     <div className={`px-3 flex gap-2 ${!isTauri() && "pt-3"}`}>
       <AddConversationButton />
@@ -25,6 +28,12 @@ export default function Page() {
       <Button variant="outline" onClick={() => location.reload()}>
         Reload
       </Button>
+      <Button
+        variant="destructive"
+        onClick={() => clear().then(() => location.reload())}
+      >
+        Logout
+      </Button>
     </div>
   );
 }

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

@@ -11,8 +11,8 @@ export default function Page() {
       <Form />
       <div className="flex">
         <a target="_blank" href="https://docs.tensamin.net/installation/#iota">
-          <p className="text-sm underline text-foreground/75">
-            Don't have an account yet? Click here to get help setting up an
+          <p className="text-sm underline text-foreground/75 text-center whitespace-pre-wrap">
+            Don't have an account yet?{"\n"}Click here to get help setting up an
             Iota.
           </p>
         </a>