In progress changes for Kanban Board and updated schema migrations. Performed some cleanup.

client/src/pages/white-board/white-board.page.jsx

@@ -1,41 +1,10 @@
 import React from "react";
-import Board from "react-trello";
-import WhiteBoardCard from "../../components/white-board-card/white-board-card.component";
+
 import WhiteBoardLeftSiderContainer from "../../components/white-board-left-sider/white-board-left-sider.container";
+import WhiteBoardKanBanContainer from "../../components/white-board-kanban/white-board-kanban.container";
 import { Layout } from "antd";
 
 export default function WhiteBoardPage({ whiteBoardLeftSiderVisible }) {
-  const data = {
-    lanes: [
-      {
-        id: "lane1",
-        title: "Planned Tasks",
-        label: "2/2",
-        cards: [
-          {
-            id: "Card1",
-            title: "Write Blog",
-            description: "Can AI make memes",
-            label: "30 mins"
-          },
-          {
-            id: "Card2",
-            title: "Pay Rent",
-            description: "Transfer via NEFT",
-            label: "5 mins",
-            metadata: { sha: "be312a1" }
-          }
-        ]
-      },
-      {
-        id: "lane2",
-        title: "Completed",
-        label: "0/0",
-        cards: []
-      }
-    ]
-  };
-
   const { Sider, Content } = Layout;
   return (
     <Layout>
@@ -54,17 +23,7 @@ export default function WhiteBoardPage({ whiteBoardLeftSiderVisible }) {
       </Sider>
 
       <Content>
-        <Board
-          tagStyle={{ fontSize: "80%" }}
-          data={data}
-          draggable
-          components={{ Card: WhiteBoardCard }}
-          onCardClick={(cardId, metadata) =>
-            alert(
-              `Card with id:${cardId} clicked. Has metadata.id: ${metadata.id}`
-            )
-          }
-        />
+        <WhiteBoardKanBanContainer />
       </Content>
     </Layout>
   );