How to enhance mapping experience using table column?
Context
I have been trying to design a page for an application that performs data migration tasks.
Problem statement
I have a page where all source DB tables and corresponding columns get matched with the target DB table and columns.
The issue I am facing is that it's possible to do mapping for 5 tables and each table having 30-40 rows. As of now, I have planned to show all table names in the sidebar example like list component and utilize the right side of space for table mapping.
Please check the link for a better understanding of the concept. Link:https://drive.google.com/file/d/1KHK58vD1ALe3zazyE0ff2ankE_68rNuc/view?usp=sharing
Is there any better way to do it? Thank you for help.
Edit: I tried to create a wireframe diagram. Please check: https://app.moqups.com/6yqahTxE5k/view/page/ad64222d5