revert route groups due to nextjs bug, fix build

src/app/nostr/channels/[id]/page.tsx

@@ -0,0 +1,77 @@
+'use client';
+
+import { ChannelMessages } from '@components/channels/messages/index';
+import FormChannelMessage from '@components/form/channelMessage';
+import { RelayContext } from '@components/relaysProvider';
+
+import { channelMessagesAtom, channelReplyAtom } from '@stores/channel';
+
+import useLocalStorage from '@rehooks/local-storage';
+import { useSetAtom } from 'jotai';
+import { useResetAtom } from 'jotai/utils';
+import { Suspense, useContext, useEffect, useRef } from 'react';
+
+export default function Page({ params }: { params: { id: string } }) {
+  const [pool, relays]: any = useContext(RelayContext);
+  const [activeAccount]: any = useLocalStorage('activeAccount', {});
+
+  const setChannelMessages = useSetAtom(channelMessagesAtom);
+  const resetChannelMessages = useResetAtom(channelMessagesAtom);
+  const resetChannelReply = useResetAtom(channelReplyAtom);
+
+  const muted = useRef(new Set());
+  const hided = useRef(new Set());
+
+  useEffect(() => {
+    // reset channel reply
+    resetChannelReply();
+    // reset channel messages
+    resetChannelMessages();
+    // subscribe event
+    const unsubscribe = pool.subscribe(
+      [
+        {
+          authors: [activeAccount.pubkey],
+          kinds: [43, 44],
+          since: 0,
+        },
+        {
+          '#e': [params.id],
+          kinds: [42],
+          since: 0,
+        },
+      ],
+      relays,
+      (event: any) => {
+        if (event.kind === 44) {
+          muted.current = muted.current.add(event.tags[0][1]);
+        } else if (event.kind === 43) {
+          hided.current = hided.current.add(event.tags[0][1]);
+        } else {
+          if (muted.current.has(event.pubkey)) {
+            console.log('muted');
+          } else if (hided.current.has(event.id)) {
+            console.log('hided');
+          } else {
+            setChannelMessages((messages) => [event, ...messages]);
+          }
+        }
+      }
+    );
+
+    return () => {
+      unsubscribe();
+    };
+  }, [pool, relays, activeAccount.pubkey, params.id, setChannelMessages, resetChannelReply, resetChannelMessages]);
+
+  return (
+    <div className="flex h-full w-full flex-col justify-between">
+      <Suspense fallback={<>Loading...</>}>
+        <ChannelMessages />
+      </Suspense>
+      <div className="shrink-0 p-3">
+        <FormChannelMessage eventId={params.id} />
+      </div>
+    </div>
+  );
+}

src/app/nostr/channels/page.tsx

@@ -0,0 +1,28 @@
+'use client';
+
+import { BrowseChannelItem } from '@components/channels/browseChannelItem';
+
+import { useEffect, useState } from 'react';
+
+export default function Page() {
+  const [list, setList] = useState([]);
+
+  useEffect(() => {
+    const fetchChannels = async () => {
+      const { getChannels } = await import('@utils/bindings');
+      return await getChannels({ limit: 100, offset: 0 });
+    };
+
+    fetchChannels()
+      .then((res) => setList(res))
+      .catch(console.error);
+  }, []);
+
+  return (
+    <div className="h-full w-full overflow-y-auto">
+      {list.map((channel) => (
+        <BrowseChannelItem key={channel.id} data={channel} />
+      ))}
+    </div>
+  );
+}