✨ feat: impl accounts and channels

hooks/use-mobile.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+
+const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile() {
+  return React.useSyncExternalStore(
+    (callback) => {
+      const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+      mql.addEventListener("change", callback);
+      return () => mql.removeEventListener("change", callback);
+    },
+    () => window.innerWidth < MOBILE_BREAKPOINT,
+    () => false
+  );
+}