add stream notification button to chat panel

js/app/components/mobile/chat.tsx

···
   Loader,
   Resizable,
   StreamNotificationProvider,
+  StreamNotifications,
   Text,
   useHandle,
   useLivestreamInfo,
···
         <Chat />
       </View>
       <View style={[layout.flex.column, gap.all[2]]}>
+        <Pressable
+          onPress={() =>
+            StreamNotifications.activate("Stream notification activated!")
+          }
+          style={[
+            layout.flex.row,
+            layout.flex.center,
+            {
+              padding: 12,
+              borderRadius: borderRadius.xl,
+              backgroundColor: "rgba(255, 255, 255, 0.05)",
+            },
+          ]}
+        >
+          <Text style={{ color: "rgba(255, 255, 255, 0.7)", fontSize: 12 }}>
+            Activate Stream Notification
+          </Text>
+        </Pressable>
         {agent?.did ? (
           <ChatBox
             emojiData={emojiData}

js/components/src/index.tsx

···
 export * from "./lib/system-messages";
 
 export * from "./components/stream-notification";
+export * from "./lib/stream-notifications";
 
 export * from "./utils/format-handle";
 

js/components/src/lib/stream-notifications.ts

···
       variant: "info",
     });
   },
+
+  activate: (message: string) => {
+    streamNotification.show({
+      id: "stream-activate",
+      message: message,
+      duration: 3,
+      variant: "info",
+    });
+  },
 };