feat: variable descriptions (#8269)

* feat: add description column to various tables and enhance UI interactions
- Introduced a description column in Headers, VarsTable, and other components to allow multi-line descriptions.
- Added toggle buttons to show/hide the description column in relevant tables.
- Updated EditableTable component to support dynamic row addition with customizable labels.
- Enhanced UI for better user experience with consistent button styles and spacing adjustments.

* chore: resize fix handles

* fix: restrict column check for last index

* refactor: remove unwanted style and fix bottom padding of the last child in the table row

* tests: improve testability and fix impacted locators

* tests: fix locators for value fields

* fix: improve newline handling in description prefix

* fix: ts changes

* chore: remove redundant code and fix description roundtrip

* chore: remove redundant check

* tests(bru-lang): tests for description and annotation

* test: improve locators and tests

* tests: descriptions

* chore: re-add description setup

* fix: re-add description cols

* chore: fix the double click reset

* fix: account for hidden sidebar in request pane width calculation

* refactor: ui/ux fixes for data type toggle

* chore: inline common deps into bruno-lang and bruno-schema

* chore: tests

* chore: fix ux for descriptions

* fix: layout for environment vars table

* fix: ensure correct row selection for multipart file upload in tests

* feat: enhance UID assignment for request headers and variables in collections

* chore: simplify

* chore: update pkg

* chore: abstract the e2e utils

* chore: fix exports

* tests: fix locators for datatype vars

* fix: ux issue with secrets in environment table

* tests: update locators for collection headers and vars descriptions

* tests: update locators to use data attributes for datatype selectors

* chore: update default css width for actions column

* chore: remove tooltip for string type warnings

* fix: reduce name widths

* refactor: update annotation serialization to use single-quote delimiters for descriptions

* refactor(tests): simplify description formatting in jsonToEnv tests

* feat: add multiline description escaping and unescaping functions with tests

* refactor: clean up imports and improve multiline text block handling

* refactor: update locators to use new test IDs for environment variable editors

* refactor: streamline header input handling and improve environment variable row access

* refactor: update e2e-test job to support self-hosted runners

* refactor: update E2E test runner configuration to include e2e and macOS environments

---------

Co-authored-by: Pragadesh-45 <temporaryg7904@gmail.com>

tests/environments/api-setEnvVar/api-setEnvVar-with-persist-typed.spec.ts

@@ -74,17 +74,17 @@ test.describe.serial('bru.setEnvVar(name, value, { persist: true }) — typed va
       await expect(envTab).toBeVisible();
 
       await expect(
-        newPage.locator('[data-testid="env-var-row-typed_num"] .type-label').first()
-      ).toHaveText('number', { timeout: 5000 });
+        newPage.locator('[data-testid="env-var-row-typed_num"] [data-testid="datatype-selector-trigger"]').first()
+      ).toHaveAttribute('data-selected-type', 'number', { timeout: 5000 });
       await expect(
-        newPage.locator('[data-testid="env-var-row-typed_bool"] .type-label').first()
-      ).toHaveText('boolean');
+        newPage.locator('[data-testid="env-var-row-typed_bool"] [data-testid="datatype-selector-trigger"]').first()
+      ).toHaveAttribute('data-selected-type', 'boolean');
       await expect(
-        newPage.locator('[data-testid="env-var-row-typed_obj"] .type-label').first()
-      ).toHaveText('object');
+        newPage.locator('[data-testid="env-var-row-typed_obj"] [data-testid="datatype-selector-trigger"]').first()
+      ).toHaveAttribute('data-selected-type', 'object');
       await expect(
-        newPage.locator('[data-testid="env-var-row-typed_str"] .type-label').first()
-      ).toHaveText('string');
+        newPage.locator('[data-testid="env-var-row-typed_str"] [data-testid="datatype-selector-trigger"]').first()
+      ).toHaveAttribute('data-selected-type', 'string');
 
       await newPage.getByTestId('responsive-tab-secrets').click();
 
@@ -93,8 +93,8 @@ test.describe.serial('bru.setEnvVar(name, value, { persist: true }) — typed va
       ).toBeVisible();
       // Reloaded with the inferred @number type — the selector shows 'number'.
       await expect(
-        newPage.locator('[data-testid="env-var-row-existing_secret"] .type-label')
-      ).toHaveText('number');
+        newPage.locator('[data-testid="env-var-row-existing_secret"] [data-testid="datatype-selector-trigger"]')
+      ).toHaveAttribute('data-selected-type', 'number');
 
       await envTab.hover();
       await envTab.getByTestId('request-tab-close-icon').click({ force: true });