docs(color-picker): correctly name and order examples

to better follow the lib's conventions

Author: Kiarokh

src/components/color-picker/color-picker.tsx

@@ -22,9 +22,9 @@ import type { CustomColorSwatch } from './color-picker.types';
  * :::
  *
  * @exampleComponent limel-example-color-picker-basic
- * @exampleComponent limel-example-color-picker-readonly
  * @exampleComponent limel-example-color-picker-custom-palette
  * @exampleComponent limel-example-color-picker-manual-input
+ * @exampleComponent limel-example-color-picker-composite
  */
 @Component({
     tag: 'limel-color-picker',

…icker/examples/color-picker-readonly.tsx …cker/examples/color-picker-composite.tsxsrc/components/color-picker/examples/color-picker-readonly.tsx renamed to src/components/color-picker/examples/color-picker-composite.tsx src/components/color-picker/examples/color-picker-readonly.tsx renamed to src/components/color-picker/examples/color-picker-composite.tsx

@@ -4,10 +4,10 @@ import { Component, h, Host, State } from '@stencil/core';
  */
 
 @Component({
-    tag: 'limel-example-color-picker-readonly',
+    tag: 'limel-example-color-picker-composite',
     shadow: true,
 })
-export class ColorPickerReadonlyExample {
+export class ColorPickerCompositeExample {
     @State()
     private value = 'rgba(var(--color-red-default), 0.4)';