Fix: Remove extra 8px margin below Donate button in nav

[SOUMITRO-SAHA]

Closes #1423

Fix

• MainNavLinks.tsx — Added styles.buttonsList CSS module class to the buttons <ul> for targeted styling.
• styles.module.scss — Added .buttonsList rule inside .mainlinks that overrides margin-bottom: 0, removing only the trailing gap while preserving the spacing between the two lists.

[doradocodes]

Instead of creating a css class, you should use Tailwind classes in the element.

[doradocodes]

I think a simpler solution would be to remove the margin-bottom in /Nav/styles.module.css:

p5.js-website/src/components/Nav/styles.module.scss

Line 49 in c719ef4

margin-bottom: var(--spacing-xs);

, since it's not necessary.

[doradocodes]

@SOUMITRO-SAHA I left a comment for you! Please review. Thanks!

[SOUMITRO-SAHA]

Addressed the review feedback — thank you @doradocodes!

Updated the fix per your suggestion: instead of adding a new CSS module class, I simply removed the margin-bottom: var(--spacing-xs) from the .mainlinks ul rule in styles.module.scss:49 since it's not necessary.

• src/components/Nav/styles.module.scss: removed margin-bottom: var(--spacing-xs) from the ul rule
• src/components/Nav/MainNavLinks.tsx: reverted back to plain Tailwind classes, no CSS module class needed

This is the simplest fix — removes the source of the extra 8px entirely. No new classes, no Tailwind overrides, no layout changes elsewhere.

I've tested locally and verified the spacing looks correct. Let me know if anything else needs tweaking!