Enhancement: UI improvements (#2164)

* enhancement: show loader while loading gird/gallery data

re #2150

Signed-off-by: Pranav C <pranavxc@gmail.com>

* enhancement: add icon for select option in filter/sort

Signed-off-by: Pranav C <pranavxc@gmail.com>

* enhancement: show loader and transitions

- add transition for menu
- include icon within select(fileter/sort)
- show loader while loading data(grid/gallery)
- remove announcement

Signed-off-by: Pranav C <pranavxc@gmail.com>

* refactor: remove announcement component and related state props

Signed-off-by: Pranav C <pranavxc@gmail.com>

* fix: ignore loader while switching tab

Signed-off-by: Pranav C <pranavxc@gmail.com>

* chore: upgrade nc-help

Signed-off-by: Pranav C <pranavxc@gmail.com>

* test/kludge: avoid flicker with a delay

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

Co-authored-by: Raju Udava <86527202+dstala@users.noreply.github.com>

scripts/cypress/integration/common/4e_form_view_share.js

@@ -208,6 +208,9 @@ export const genTest = (apiType, dbType) => {
                 // clean up newly added rows into Country table operations
                 // this auto verifies successfull addition of rows to table as well
                 mainPage.getPagination(25).click();
+                // kludge: flicker on load
+                cy.wait(3000)
+
                 cy.get(".nc-grid-row").should("have.length", 1);
                 mainPage
                     .getRow(1)