feat: ♻️ Rewrite registration UI

composables/Instance.ts

@@ -2,9 +2,46 @@ import type { LysandClient } from "@lysand-org/client";
 
 // Return type of LysandClient.getInstance
 export type Instance = Awaited<ReturnType<LysandClient["getInstance"]>>["data"];
+export type ExtendedDescription = Awaited<
+    ReturnType<LysandClient["getInstanceExtendedDescription"]>
+>["data"];
 
 export const useInstance = () => {
     const identity = useCurrentIdentity();
 
     return computed(() => identity.value?.instance);
 };
+
+export const useInstanceFromClient = (client: MaybeRef<LysandClient>) => {
+    if (!client) {
+        return ref(null as Instance | null);
+    }
+
+    const output = ref(null as Instance | null);
+
+    watchEffect(() => {
+        toValue(client)
+            ?.getInstance()
+            .then((res) => {
+                output.value = res.data;
+            });
+    });
+};
+
+export const useTos = (client: MaybeRef<LysandClient>) => {
+    if (!client) {
+        return ref(null as ExtendedDescription | null);
+    }
+
+    const output = ref(null as ExtendedDescription | null);
+
+    watchEffect(() => {
+        toValue(client)
+            ?.getInstanceTermsOfService()
+            .then((res) => {
+                output.value = res.data;
+            });
+    });
+
+    return output;
+};