Add hamburger menu to navigation bar

[praseodym]

Resolves #920

Check out:

• Menu in Ladle
• Menu button in Ladle
• Menu button on several routes in Ladle
• Menu on election status page

[github-actions]

Sigrid maintainability feedback

✅ You wrote maintainable code and achieved your objective of 3.5 stars

Show details

Sigrid compared your code against the baseline of 2025-02-10.

👍 What went well?

You fixed or improved 0 refactoring candidates.

👎 What could be better?

Unfortunately, 2 refactoring candidates were introduced or got worse.

Risk	System property	Location
🔴	Unit Size (Worsened)	frontend/lib/ui/style/variables.css variables.css root
🟡	Unit Size (Introduced)	frontend/app/component/navbar/NavBar.module.css NavBar.module.css:.nav-bar-menu

📚 Remaining technical debt

2 refactoring candidates didn't get better or worse, but are still present in the code you touched.

View this system in Sigrid** to explore your technical debt

⭐️ Sigrid ratings

System property	System on 2025-02-10	Before changes	New/changed code
Volume	5.2	N/A	N/A
Duplication	4.3	5.5	5.5
Unit Size	2.4	1.7	2.3
Unit Complexity	3.4	2.3	3.2
Unit Interfacing	3.0	5.5	5.5
Module Coupling	4.0	N/A	5.5
Component Independence	2.8	N/A	N/A
Component Entanglement	3.7	N/A	N/A
Maintainability	3.6	3.5	4.0

💬 Did you find this feedback helpful?

We would like to know your thoughts to make Sigrid better.
Your username will remain confidential throughout the process.

• ✅ Yes, these findings are useful
• 🔸 The findings are false positives
• 🔹 These findings are not important to me

---

View this system in Sigrid

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 89.82%. Comparing base (18917fc) to head (37483d9).

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #994      +/-   ##
==========================================
+ Coverage   89.76%   89.82%   +0.06%     
==========================================
  Files         248      249       +1     
  Lines       12987    13065      +78     
  Branches     1318     1325       +7     
==========================================
+ Hits        11658    11736      +78     
  Misses       1235     1235              
  Partials       94       94              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jorisleker]

✅ Hamburger looks+works good

One note: On /elections/1#administratorcoordinator I would expect the 'Verkiezingen > version of the menu in stead of the hamburger.

[praseodym]

One note: On /elections/1#administratorcoordinator I would expect the 'Verkiezingen > version of the menu in stead of the hamburger.

The Figma design has the Verkiezingen/Gebruikers/Werkplekken/Logs menu here, should I change it to that one? I also noticed that the hamburger is shown for the typist (invoerder) role on that page as well, I'll fix that too.

[jorisleker]

The Figma design has the Verkiezingen/Gebruikers/Werkplekken/Logs menu here, should I change it to that one? I also noticed that the hamburger is shown for the typist (invoerder) role on that page as well, I'll fix that too.

Sharp, it should be the menu here!
And the typist should never have the hamburger, so yes please fix that