migrated to nextjs 13 app dir

src/app/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>
+  );
+}