feat(VColorPicker): add eyedropper button when supported

[prashantsinghb]

resolves #14790

Description

In EyeDropper API compatible browser, an icon will be displayed in VColorPicker to sample colors from their screens, including outside of the browser window.

Queries

• Position of EyeDropper Icon in color picker?
• Should EyeDropper icon be prop?

Markup:

<template>
  <div class="d-flex justify-space-around">
    <v-color-picker
      v-model="picker"
    ></v-color-picker>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        picker: null,
      }
    },
  }
</script>

[KaelWD]

Position of EyeDropper Icon in color picker?

Chrome has it on the left before the circle preview

Should EyeDropper icon be prop?

We don't have one for the expand icon either, it's probably fine.

[prashantsinghb]

Moved position of eyedropper to left before circle preview