Add flexbox layout to table rows in ContentMapper

Updated the styling for .table-row to use flexbox for better alignment and spacing. Added properties for child elements to ensure proper layout and responsiveness.

Author: shobhitupadhyayy

ui/src/components/ContentMapper/index.scss

@@ -414,3 +414,16 @@ div .table-row {
     margin: 0 auto;
   }
 }
+
+.table-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;                   
+}
+.table-row .select {
+  flex: 1;                    
+}
+.advanced-setting-button,
+.table-row button {
+  flex-shrink: 0;           
+}