feat: update response tab UI (appsmithorg#37640)

## Description
Query response tab UI update.

Fixes appsmithorg#35290

## Automation

/ok-to-test tags="@tag.All"


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced a new `QueryResponseTab` component for managing query
responses in the plugin action editor.
	- Added new icons for better visual representation in the application.
- Enhanced the `NoResponse` component for improved layout and messaging.
- Added a new constant for clearer user instructions on obtaining
responses.

- **Improvements**
- Updated button labels and component structures for clarity and
usability.
- Refined validation logic and error handling across various components.
- Enhanced styling and layout behavior in the `Table` and
`ActionExecutionInProgressView` components.
- Streamlined the `EntityBottomTabs` component's styling for
consistency.
- Adjusted the height of the response container during action execution.

- **Bug Fixes**
- Adjusted test cases to ensure accurate validation of response handling
and UI elements.

- **Chores**
- Deprecated older methods and constants to streamline code and enhance
maintainability.
	- Removed unused components to simplify the codebase.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

cypress/e2e/Regression/ClientSide/BugTests/Binding_Bug28287_Spec.ts

@@ -45,9 +45,9 @@ describe(
         EditorNavigation.SelectEntityByName(queryName, EntityType.Query);
 
         BottomPane.response.switchToResponseTab();
-
+        BottomPane.response.openResponseTypeMenu();
         agHelper.AssertElementVisibility(
-          BottomPane.response.getResponseTypeSelector("TABLE"),
+          BottomPane.response.locators.responseTypeMenuItem("TABLE"),
         );
       });
     });

cypress/e2e/Regression/ServerSide/Datasources/Redis_Basic_Spec.ts

@@ -30,32 +30,32 @@ describe(
       //Add HSET
       dataSources.CreateQueryAfterDSSaved();
       dataSources.EnterQuery(hSetReceipe);
-      dataSources.RunQueryNVerifyResponseViews(1); //verify all views are returned!
+      dataSources.runQueryAndVerifyResponseViews(); //verify all views are returned!
       dataSources.AssertQueryTableResponse(0, "4"); //Success response for 4 keys inserted via above HSET!
 
       //Read only one key from above HSET
       dataSources.EnterQuery(hGetKeys);
-      dataSources.RunQueryNVerifyResponseViews(1); //verify all views are returned!
+      dataSources.runQueryAndVerifyResponseViews(); //verify all views are returned!
       dataSources.AssertQueryTableResponse(0, "Vegetable Stir Fry");
 
       //Read more than one key from above HSET
       dataSources.EnterQuery(hMGet);
-      dataSources.RunQueryNVerifyResponseViews(2);
+      dataSources.runQueryAndVerifyResponseViews({ count: 2 }); //verify all views are returned!
       dataSources.AssertQueryTableResponse(0, "easy");
       dataSources.AssertQueryTableResponse(1, "Vegetable Stir Fry");
 
       //Update key value in HSET
       dataSources.EnterQuery(hUpdate);
-      dataSources.RunQueryNVerifyResponseViews(1); //verify all views are returned!
+      dataSources.runQueryAndVerifyResponseViews(); //verify all views are returned!
 
       //validate updated key
       dataSources.EnterQuery(getUpdatedKey);
-      dataSources.RunQueryNVerifyResponseViews(1);
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertQueryTableResponse(0, "medium");
 
       //Get All keys from HSET
       dataSources.EnterQuery(getAll);
-      dataSources.RunQueryNVerifyResponseViews(8); //4 keys, 4 values
+      dataSources.runQueryAndVerifyResponseViews({ count: 8 }); //4 keys, 4 values
       dataSources.ReadQueryTableResponse(0).then(($cellData: any) => {
         expect($cellData).to.be.oneOf([
           "name",
@@ -70,11 +70,11 @@ describe(
 
       //Ading one more key/value to HSET
       dataSources.EnterQuery(addNewKeyValue);
-      dataSources.RunQueryNVerifyResponseViews(1);
+      dataSources.runQueryAndVerifyResponseViews();
 
       //Verify new key/value also added to HSET
       dataSources.EnterQuery(getAll);
-      dataSources.RunQueryNVerifyResponseViews(10); //5 keys, 5 values
+      dataSources.runQueryAndVerifyResponseViews({ count: 10 }); //5 keys, 5 values
       dataSources.ReadQueryTableResponse(0).then(($cellData: any) => {
         expect($cellData).to.be.oneOf([
           "name",
@@ -87,11 +87,11 @@ describe(
 
       //Deleting the Hash key
       dataSources.EnterQuery(deletehKey);
-      dataSources.RunQueryNVerifyResponseViews(1);
+      dataSources.runQueryAndVerifyResponseViews();
 
       //Verify Deletion is success
       dataSources.EnterQuery(hGetKeys);
-      dataSources.RunQueryNVerifyResponseViews(); //5 keys, 5 values
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertQueryTableResponse(0, "null");
 
       // Delete the query & datasource

cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL1_Spec.ts

@@ -166,7 +166,7 @@ describe(
       agHelper.FocusElement(locators._codeMirrorTextArea);
       //agHelper.VerifyEvaluatedValue(tableCreateQuery); //failing sometimes!
 
-      dataSources.RunQueryNVerifyResponseViews();
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertTableInVirtuosoList(dsName, "productlines");
 
       agHelper.ActionContextMenuWithInPane({
@@ -282,7 +282,7 @@ describe(
       agHelper.FocusElement(locators._codeMirrorTextArea);
       //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
-      dataSources.RunQueryNVerifyResponseViews();
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertTableInVirtuosoList(dsName, "Stores", false);
     });
 

cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL2_Spec.ts

@@ -68,7 +68,7 @@ describe(
       agHelper.FocusElement(locators._codeMirrorTextArea);
       //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
-      dataSources.RunQueryNVerifyResponseViews();
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertTableInVirtuosoList(dsName, "Stores");
 
       agHelper.ActionContextMenuWithInPane({
@@ -79,7 +79,7 @@ describe(
 
     it("2. Validate Select record from Postgress datasource & verify query response", () => {
       dataSources.CreateQueryForDS(dsName, "SELECT * FROM Stores LIMIT 10");
-      dataSources.RunQueryNVerifyResponseViews(10);
+      dataSources.runQueryAndVerifyResponseViews({ count: 10 });
       dataSources.AssertQueryTableResponse(5, "2112");
       dataSources.AssertQueryTableResponse(6, "Mike's Liquors");
       // Commenting this deletion of query to make the generate crud work on the new page instead of the current page
@@ -375,7 +375,7 @@ describe(
       agHelper.FocusElement(locators._codeMirrorTextArea);
       //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
-      dataSources.RunQueryNVerifyResponseViews();
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertTableInVirtuosoList(dsName, "Stores", false);
 
       agHelper.ActionContextMenuWithInPane({

cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres2_Spec.ts

@@ -61,7 +61,7 @@ describe(
       agHelper.FocusElement(locators._codeMirrorTextArea);
       //agHelper.VerifyEvaluatedValue(tableCreateQuery); //failing sometimes!
 
-      dataSources.RunQueryNVerifyResponseViews();
+      dataSources.runQueryAndVerifyResponseViews();
     });
 
     it("2. Validate Select record from Postgress datasource & verify query response", () => {
@@ -70,7 +70,7 @@ describe(
         "public.vessels",
         "Select",
       );
-      dataSources.RunQueryNVerifyResponseViews(10);
+      dataSources.runQueryAndVerifyResponseViews({ count: 10 });
       dataSources.AssertQueryTableResponse(0, "371681");
       dataSources.AssertQueryTableResponse(6, "Passenger");
       agHelper.ActionContextMenuWithInPane({
@@ -617,7 +617,7 @@ describe(
       dataSources.CreateQueryForDS(dsName, deleteTblQuery, "DropVessels");
       agHelper.FocusElement(locators._codeMirrorTextArea);
 
-      dataSources.RunQueryNVerifyResponseViews();
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertTableInVirtuosoList(dsName, "public.vessels", false);
     });
 

cypress/e2e/Regression/ServerSide/Postgres_DataTypes/UUID_Spec.ts

@@ -259,7 +259,7 @@ describe(
       //Validating use of extention
       query = `CREATE EXTENSION IF NOT EXISTS "uuid-ossp"; CREATE EXTENSION IF NOT EXISTS "pgcrypto"`;
       dataSources.CreateQueryForDS(dsName, query, "verifyUUIDFunctions");
-      dataSources.RunQueryNVerifyResponseViews(1);
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertQueryResponseHeaders(["affectedRows"]);
       dataSources.ReadQueryTableResponse(0).then(($cellData) => {
         expect($cellData).to.eq("0");
@@ -297,7 +297,7 @@ describe(
       //Validating Addition of new column taking default value form package method
       query = `ALTER TABLE uuidtype ADD COLUMN newUUID uuid DEFAULT uuid_generate_v4();`;
       dataSources.EnterQuery(query);
-      dataSources.RunQueryNVerifyResponseViews(1);
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertQueryResponseHeaders(["affectedRows"]);
       dataSources.ReadQueryTableResponse(0).then(($cellData) => {
         expect($cellData).to.eq("0");
@@ -314,7 +314,7 @@ describe(
       //Validating altering the new column default value to generate id from pgcrypto package
       query = `ALTER TABLE uuidtype ALTER COLUMN newUUID SET DEFAULT gen_random_uuid();`;
       dataSources.EnterQuery(query);
-      dataSources.RunQueryNVerifyResponseViews(1);
+      dataSources.runQueryAndVerifyResponseViews();
       dataSources.AssertQueryResponseHeaders(["affectedRows"]);
       dataSources.ReadQueryTableResponse(0).then(($cellData) => {
         expect($cellData).to.eq("0");