reword datasource to data source (#7247)

* fix: update datasource to data source

* fix: typo fix for data sources

frontend/src/Editor/QueryManager/Components/DataSourcePicker.jsx

@@ -48,10 +48,10 @@ function DataSourcePicker({ dataSources, staticDataSources, darkMode, globalData
   return (
     <>
       <h4 className="w-100 text-center" data-cy={'label-select-datasource'} style={{ fontWeight: 500 }}>
-        Connect to a datasource
+        Connect to a data source
       </h4>
       <p className="mb-3" style={{ textAlign: 'center' }}>
-        Select a datasource to start creating a new query. To know more about queries in ToolJet, you can read our
+        Select a data source to start creating a new query. To know more about queries in ToolJet, you can read our
         &nbsp;
         <a target="_blank" href="https://docs.tooljet.com/docs/app-builder/query-panel" rel="noreferrer">
           documentation
@@ -81,7 +81,7 @@ function DataSourcePicker({ dataSources, staticDataSources, darkMode, globalData
         </div>
         <div className="d-flex d-flex justify-content-between">
           <label className="form-label py-1" style={{ width: 'auto' }} data-cy={`label-avilable-ds`}>
-            {`Available Datasources ${!isEmpty(allUserDefinedSources) ? '(' + allUserDefinedSources.length + ')' : 0}`}
+            {`Available data sources ${!isEmpty(allUserDefinedSources) ? '(' + allUserDefinedSources.length + ')' : 0}`}
           </label>
           <ButtonSolid
             size="sm"
@@ -139,10 +139,7 @@ const EmptyDataSourceBanner = () => (
     <div className="me-2">
       <Information fill="var(--slate9)" />
     </div>
-    <div>
-      No global datasources have been added yet. <br />
-      Add new datasources to connect to your app! 🚀
-    </div>
+    <div>No global data sources have been added yet.</div>
   </div>
 );
 

frontend/src/Editor/QueryManager/Components/DataSourceSelect.jsx

@@ -53,7 +53,7 @@ function DataSourceSelect({ darkMode, isDisabled, selectRef, closePopup }) {
           <div>
             {index === 0 && (
               <div className="color-slate9 mb-2 pb-1" style={{ fontWeight: 500, marginTop: '-8px' }}>
-                Global datasources
+                Global data sources
               </div>
             )}
             <DataSourceIcon source={sources?.[0]} height={16} />
@@ -245,7 +245,7 @@ const MenuList = ({ children, getStyles, innerRef, ...props }) => {
       {admin && (
         <div className="p-2 mt-2 border-slate3-top">
           <ButtonSolid variant="secondary" size="md" className="w-100" onClick={handleAddClick}>
-            + Add new datasource
+            + Add new data source
           </ButtonSolid>
         </div>
       )}

frontend/src/Editor/QueryPanel/FilterandSortPopup.jsx

@@ -255,7 +255,7 @@ const DataSourceSelector = ({
         <div>
           <input
             className="bg-transparent border-0 form-control form-control-sm"
-            placeholder="Select datasource"
+            placeholder="Select data source"
             onChange={(e) => setSearch(e.target.value)}
             ref={searchBoxRef}
             value={search}