components: add components library (#233)

* components: init @streamplace/components

* fix build

* components: implemented chat!

* components: local chat works now!

* dump tsup, remove old code

* remove example-app for now

* build: add knip for checking missing dependencies

* fix build

* update README

* maybe lexicons postinstall?

* app: remove old chat stuff from redux

* components: migrate replyTo

* components: migrate viewers

* components: migrate livestream

* components: migrate segment

* components: migrate renditions

* components: tweak handleWebsocketMessages

* libraries: pnpm run build as postinstall

* build: perhaps make js-lexicons like this?

* app: mobile tweaks

* websocket: can't send a profile we don't have

* websocket --> websocket-consumer

js/app/components/chat/chat.tsx

···
 import {
   useChat,
   useProfile,
+  useReplyToMessage,
   useSetReplyToMessage,
 } from "@streamplace/components";
-import { Reply, Settings, X } from "@tamagui/lucide-icons";
+import { Reply, ReplyAll, Settings, X } from "@tamagui/lucide-icons";
 import {
   createBlockRecord,
   selectUserProfile,
···
   Link,
   Mention,
 } from "@atproto/api/dist/client/types/app/bsky/richtext/facet";
-import { $Typed } from "@atproto/api/src/client/util";
 import ReanimatedSwipeable, {
   SwipeableMethods,
 } from "react-native-gesture-handler/ReanimatedSwipeable";
···
   SharedValue,
   useAnimatedStyle,
 } from "react-native-reanimated";
+import { ChatMessageViewHydrated } from "streamplace";
 import { Button, ScrollView, Sheet, Text, useMedia, View } from "tamagui";
 import { RichtextSegment, segmentize } from "../../utils/facet";
 
···
     }
   };
 
-  const currentReplyTo = useAppSelector(useReplyToMessage());
+  const currentReplyTo = useReplyToMessage();
 
   const moderateMessage = () => {
     if (!myStream) {
···
 
   let segs = segmentize(text, facets);
 
-<<<<<<< HEAD
   return segs.map((seg, i) =>
     segmentedObject(seg, chat as MessageViewHydrated[], i),
   );
-=======
-  return segs.map((seg, i) => segmentedObject(seg, chat, i));
->>>>>>> 0d25913a (Add swipe-to-reply gesture + offset hover action box so text is readable)
 };
 
 export function timeAgo(time: Date | number | string): string {