fix(layout) Adjust new note button on mobile

[Zoobdude]

Currently on mobile devices the nav bar is pretty full:

I was thinking how to make this slightly tidier, and tried hiding the text:

@CorentinTh Any suggestions of a better way to do this or would you rather just keep it with the text?

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
enclosed-docs	✅ Ready (View Log)	Visit Preview	cb867c8
enclosed	✅ Ready (View Log)	Visit Preview	cb867c8

[CorentinTh]

Thanks for addressing this point!
I was considering grouping all the icons (GitHub, i18n, etc.) inside the 3-dots dropdown menu when on small screen (perhaps we could replace it with a "hamburger" icon when they are grouped? I dunno)

But we can also replace the creation button with an icon

[Zoobdude]

Good idea! I'll work on this over the weekend.

[Zoobdude]

Not sure what SonarCloud is complaining about? Is this okay to ignore or shoud I use className instead?

[CorentinTh]

Yeah you may ignore the className stuff, it's an issue on sonarcloud side, it interprets the jsx as react and not solid, I'm marking them as false positive, I need to dig the config to exclude this rule

[Zoobdude]

Hope you're happy with the way I've implemented it, let me know if there's any revisions you would like me to make.

For the translations, should I leave them blank or use Google translate?

[CorentinTh]

Thanks for the pr, it's what I add in mind 💪

Before merging can you

• remove the empty keys from other languages, since when a key is missing (not empty) it'll fallback to the default language
• keep the text in the button in mobile, since all the icons are gone on mobile, we have the needed room to keep it with text

Thanks again 🙏

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[CorentinTh]

Great, thank you 🙏