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}
+                type="channel" 
+                apiUrl="/api/socket/messages" 
+                query={{
                     channelId: channel.id,
                     serverId: channel.serverId,
-            }}/>
+                }}
+            />
         </div>
     )
 }