feat: reorder header CTAs above CLI, restyle CLI snippet

[MattatDirectus]

What Changed

How to Test

• Deploy preview:

Checklist

• pnpm lint passes
• pnpm typecheck passes
• Verified changes in deploy preview

[netlify]

✅ Deploy Preview for directus-website ready!

Name	Link
🔨 Latest commit	c125bcd
🔍 Latest deploy log	https://app.netlify.com/projects/directus-website/deploys/69bace773bff3b00074c00f9
😎 Deploy Preview	https://deploy-preview-221--directus-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[LZylstra]

quick question on the .cli-snippet margin: the new margin-block-start: var(--space-6) on .cli-snippet (line 151 in Header.vue) combines with .separator { margin-block-start: var(--space-6) } so when both render, the separator gets --space-6 of top spacing, then the snippet gets another --space-6 below the separator. was that intentional, or should the snippet be closer to the divider (e.g. just --space-3 from the general sibling rule)?

[LZylstra]

Can you look at the deploy preview and make sure this is what you want. It's just going to add spacing on top of other spacing so I want to be sure that's intentional and looks how you're expecting

[LZylstra]

Just one question about spacing but otherwise this should be good