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/tests/db/columns/columnSingleSelect.spec.ts

@@ -51,7 +51,7 @@ test.describe('Single select', () => {
       index: 0,
       columnHeader: 'SingleSelect',
       option: 'Option 3',
-      ignoreDblClick: true,
+      ignoreDblClick: false,
     });
     await grid.cell.selectOption.verify({ index: 0, columnHeader: 'SingleSelect', option: 'Option 3' });