use top level await for some functions

src/components/channels/channelList.tsx

@@ -3,14 +3,11 @@ import { ChannelListItem } from '@components/channels/channelListItem';
 import { DEFAULT_CHANNELS } from '@stores/constants';
 
 import { Plus } from 'iconoir-react';
-import { useState } from 'react';
 
 export default function ChannelList() {
-  const [list] = useState(DEFAULT_CHANNELS);
-
   return (
     <div className="flex flex-col gap-px">
-      {list.map((item) => (
+      {DEFAULT_CHANNELS.map((item) => (
         <ChannelListItem key={item.event_id} data={item} />
       ))}
       <a