Upgrade gix components next 2024 07 16 (#5203)

# Motivation

Currently, nns-dapp icons are sourced from different libraries,
resulting in inconsistencies in style and line thickness. This update
standardises most of the icons to ensure they match the overall design
and maintain a consistent line thickness.

# Changes

- Bump gix-components to have latest icons.
- Use a custom `strokeWidth` for sorting icons to improve their
visibility.
- Upgrade e2e screenshots because of new icons.

# Tests

Demo:
https://qsgjb-riaaa-aaaaa-aaaga-cai.mstr-ingress.devenv.dfinity.network

- Tested manually.

# Todos

- [ ] Add entry to changelog (if necessary).

---------

Co-authored-by: gix-bot <[email protected]>

CHANGELOG-Nns-Dapp-unreleased.md

@@ -21,6 +21,7 @@ proposal is successful, the changes it released will be moved from this file to
 
 * Reduce the frequency of checking if SNS neurons need to be refreshed.
 * New token table order. 
+* Update nns-dapp icons for consistent style and line thickness.
 
 #### Deprecated
 

frontend/src/lib/components/ui/ResponsiveTable.svelte

@@ -121,7 +121,7 @@
               >{column.title}{#if nonNullish(column.comparator) && order[0]?.columnId === column.id}
                 <span class="order-arrow">
                   <span class="arrow-icon" class:reversed={order[0].reversed}>
-                    <IconSouth size="8" />
+                    <IconSouth size="8" strokeWidth={2} />
                   </span>
                 </span>
               {/if}

frontend/src/lib/modals/common/ResponsiveTableSortModal.svelte

@@ -46,7 +46,8 @@
             >{$i18n.responsive_table.tap_to_reverse}<span
               data-tid="arrow"
               class="arrow-icon"
-              class:reversed={order[0].reversed}><IconSouth size="16" /></span
+              class:reversed={order[0].reversed}
+              ><IconSouth size="16" strokeWidth={2} /></span
             ></span
           >{/if}</button
       >