add-button for generic data source in data-source-panel

Author: Roey7

ui/src/components/data-source-panel.tsx

@@ -155,6 +155,10 @@ export default class DataSourcePanel extends React.Component<DataSourcePanelProp
 
                            })
                         }
+                        <div onClick={() => this.setState({ isAdding: true})} className="flex hover:text-[#9875d4] py-2 pl-5 pr-3 m-2 flex-row items-center justify-center bg-[#36323b] hover:border-[#9875d4] rounded-lg font-poppins leading-[28px] border-[#777777] border-b-[.5px] transition duration-300 ease-in-out">
+                           <h1 className="text-gray-500">Add</h1>
+                           <IoAddCircleOutline className="ml-4 text-white text-2xl hover:text-[#9875d4] hover:cursor-pointer transition duration-200 ease-in-out"></IoAddCircleOutline>
+                        </div>
                      </div>
                   </div>)
             }