Nc UI/groupby (#8781)

* feat: groupby design update

* fix: add groupby icons

* fix: misc

* fix: groupby

* fix: update groupBy menu

* fix: remove unwanted addnl widths

* fix: grouopby fixes

* fix: updated styles

* fix: updated styles

* fix: updated styles

* fix: remove data manipulation in fe

* fix: update groupby menu design

* fix: test

* fix: flaky tests

* fix: pagination border fix: left margin fix: shared view and base, incorrect width

* fix: minor fixes

* fix: width calculation

* fix: better width calculation

* fix: refactor group by width caluclation

* fix: tests fix

* fix: groupby tests fix

* fix: pagination bg color

* fix: group by

* fix: group by

* fix: update scrollBump calculation

* fix: updated color

* fix: updated text

* fix: meu margins

* fix: hover effect for elements

* fix: overflow

* fix: coderabbit comments

---------

Co-authored-by: DarkPhoenix2704 <anbarasun123@gmail.com>

tests/playwright/pages/Dashboard/common/Cell/SelectOptionCell.ts

@@ -202,7 +202,7 @@ export class SelectOptionCellPageObject extends BasePage {
     const saveRowAction = () => selectCell.locator('.ant-select-selection-search-input').press('Enter');
     await this.waitForResponse({
       uiAction: saveRowAction,
-      requestUrlPathToMatch: 'api/v1/db/data/noco/',
+      requestUrlPathToMatch: '/api/v1/db/data/noco/',
       httpMethodsToMatch: ['PATCH'],
       responseJsonMatcher: resJson => String(resJson?.[columnHeader]).includes(String(option)),
     });