Explore Mantine UI

[sandoche]

• [x] Check Basics - https://mantine.dev/pages/basics/
• [x] Check how it fits with Next.js - https://mantine.dev/theming/next/
• [x] Check UI Components https://ui.mantine.dev/
• [x] Check hooks

[sandoche]

• Create styles: https://mantine.dev/theming/create-styles/

[sandoche]

Modules needed:

• @mantine/hooks – collection of 30+ react hooks for state and UI management.
• @mantine/styles – emotion based css-in-js library that is used in all Mantine components. Usually this package is installed automatically and exported from @mantine/core – there is no need to install it separately, learn more about createStyles here.
• @mantine/core – core components library – 100+ components, exports everything from @mantine/styles.
• @mantine/notifications – a fully featured notifications system.
• @mantine/dropzone – manages files drag 'n' drop of files to an area or the entire screen.
• @mantine/next – components and ssr utils for Next.js integration. gatsby-plugin-mantine – Gatsby plugin to setup ssr.
• @mantine/eslint-config – ESLint and Prettier configuration that the Mantine project uses.