feat: add new label to swaps button [SWAP-86]

[compojoom]

What it solves

Displays a "new" label next to the swap navitem

How to test it

Open a safe and in the menu on the right Swap should have a "new" badge/label.

Screenshots

Checklist

• [ ] I've tested the branch on mobile 📱
• [ ] I've documented how it affects the analytics (if at all) 📊
• [ ] I've written a unit/e2e test for it (if applicable) 🧑‍💻

[notion-workspace[bot]]

Add new label

[github-actions[bot]]

Branch preview

✅ Deploy successful!

Website: https://feat_add_new_badge--walletweb.review.5afe.dev/home?safe=eth:0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6

Storybook: https://feat_add_new_badge--walletweb.review.5afe.dev/storybook/

[github-actions[bot]]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: :white_check_mark: success
  • Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions[bot]]

📦 Next.js Bundle Analysis for safe-wallet-web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page	Size (compressed)
global	949.98 KB (🟡 +54 B)

Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

[github-actions[bot]]

Coverage report

St.:grey_question:	Category	Percentage	Covered / Total
🟡	Statements	79.48% (+0% 🔼)	11286/14200
🔴	Branches	58.49% (-0.01% 🔻)	2697/4611
🟡	Functions	66.64% (-0.01% 🔻)	1820/2731
🟢	Lines	80.85% (-0.01% 🔻)	10177/12587

Show files with reduced coverage 🔻

|

St.^{:grey_question:}

| File | Statements | Branches | Functions | Lines | | :-: | :- | :- | :- | :- | :- | | 🔴 |

`...` / index.tsx

|

51.43% (-1.35% 🔻)

| 0% | 0% |

56.25% (-1.33% 🔻)

|

Test suite run success

1436 tests passing in 197 suites.

Report generated by 🧪jest coverage report action from a2de33677af7d36cbeeed33ebf46351e0ada36bb