fixed code organization in channels page

app/(main)/(routes)/servers/[serverId]/channels/[channelId]/page.tsx

@@ -57,10 +57,14 @@ const ChannelIdPage = async ({
                 paramKey="channelId"
                 paramValue={channel.id}
             />
-            <ChatInput name={channel.name} type="channel" apiUrl="/api/socket/messages" query={{
+            <ChatInput name={channel.name}
-                channelId: channel.id,
+                type="channel" 
-                serverId: channel.serverId,            
+                apiUrl="/api/socket/messages" 
-            }}/>
+                query={{
+                    channelId: channel.id,
+                    serverId: channel.serverId,
+                }}
+            />
         </div>
     )
 }