Fix: Design & Misc

[MinixBF]

• Fix the size of the button zone to go up in the footer
• Fix chevron smaller
• Add color scheme to dark (meta and CSS)

Additional changes (Antoine edit)

• "Truly" fix chevron size getting reduced on responsive
• Get rid of all in-Svelte CSS, by using in-markup Tailwind and moving global stuff to the base Tailwind's layer
• Use the .vscode folder to use project-scoped and shared settings:
  • Use tailwind.json to tell VSCode what @apply and others are, removing the yellow underline (see Unknown at rule @apply css(unknownAtRules) tailwindlabs/tailwindcss#5258 (comment))
  • Override (I wish I could simply extend them) Tailwind VSCode plugin classes config, allowing "hover support" on class names for custom directives (enter, enterFrom, enterTo, leave, leaveFrom & leaveTo) in SlideOver.svelte, which uses TailwindUI
• Add Svelte 4 type safety to createEventDispatchers, allowing safer use of custom dispatches (should've been done in Migrate to Svelte 4 #19)
• Localize +error.svelte (should've been done in Localization #14)
• Fix SlideOver.svelte not animating (I don't know since when it's been broken)
• Run prettier manually with pnpx prettier --write --plugin prettier-plugin-svelte --plugin prettier-plugin-tailwindcss ., as external plugins are broken with Prettier 3 for now

[WarningImHack3r]

Shorter than I imagined 😂

[MinixBF]

Approved 👍🏻
Verry easy to implement tailwind layer

Can't wait to see the fixed on the chevron if it'll be enough 😉

[WarningImHack3r]

Very easy to implement tailwind layer

Yes, you see!

Can't wait to see the fixed on the chevron if it'll be enough 😉

It will!! I tested on all sizes