Update: move channel list to center

 .body {
 .body {
     display: flex;
     display: flex;
+    justify-content: center;
+    background-color: #14141e;
 }
 }
\ No newline at end of file

 import React from "react";
 import React from "react";
 import "./Body.css";
 import "./Body.css";
-import {ChanelList} from "./Chanel.js"
+import {ChannelList} from "./Channel.js"
 
 
 function Body(){
 function Body(){
     return (
     return (
         <div className="body">
         <div className="body">
-            <ChanelList />
+            <ChannelList />
         </div>
         </div>
     );
     );
 }
 }