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>
   );
 }