Feat #1806: Presets for all components & components config structure change

[Derranion]

Description

• New feature - Presets has been added to all usable components.
• Configs demo has been updated as well to make it clearer.

Closes #1806
Closes #1967

We can use preset prop everywhere to have as many props as we want, at once, in a single word.

Also it is possible to set this inside the Va-config (local config) and Global config (components \ componentsAll).

Usage example is under the spoiler.

<va-card preset="highlightTop">

const cardPreset = {
  highlightTop: {
    square: true,
    outlined: true,
    stripe: true,
  },
}

// Any set method
mergeGlobalConfig({ componentsPresets: { VaCard: cardPreset },

Demo:

Documentation is in the other pull request.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

[asvae]

Looks awesome. Thanks!

I believe this would be a huge asset for internal (picker, tables) and external component usage.