fix: improve notes functionality, update theme colors definition and resolve ui and ux small bugs (#4414)

* Fixed background blur overlay color on dialogs

* Try to fix f5 error

* Fix text color of notes

* Fix bg color of nodenode to first one available if not existent

* Removed unused imports

* Added new node colors

* Updated color of placeholder note node

* Fixed notes to appear as soon as when the add button is clicked

* Added transparent option to notes

* Fixed editor design

* Fix design of notes editor

* Update text color on the note node description

* Added canvas dot variable

* Added size and gap definition to background dots

* Updated emerald colors and badge

* used correct badges on tableAutoCellRender

* Used correct colors on the component global variable badge

* Fix color on light mode

* Fixed emerald color on the status of component

* Applied static pink to active icons on navs

* Make sidebar narrower

* Updated size of /

* Fixed Beta and Legacy badges

* Fixed position of chevron

* Fixed node name input

* Updated clear search button

* Updated color for grid dots

* Updated sidebar filter color

* Added chat input check

* Fixed sorting of flow sidebar component

* Fix canvas color

* Updated sticky notes test

* Fixed tests

* Fixed test

src/frontend/tests/core/features/group.spec.ts

@@ -35,10 +35,7 @@ test.describe("group node test", () => {
 
     await page.getByRole("button", { name: "Group" }).click();
     await page.getByTestId("title-Group").dblclick();
-    await page
-      .getByTestId("popover-anchor-input-title-Group")
-      .first()
-      .fill("test");
+    await page.getByTestId("input-title-Group").first().fill("test");
     await page.getByTestId("icon-Ungroup").first().click();
     await page.keyboard.press("Control+g");
     await page.getByTestId("title-OpenAI").isVisible();