fix(playground): import icon from icon package

Author: codebender828

packages/c-icon/examples/base-icon.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { CIcon } from '@chakra-ui/c-icon/src'
+import { CIcon } from '@chakra-ui/c-icon'
 import { defineComponent } from 'vue'
 
 export default defineComponent({

packages/c-icon/examples/with-color.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { CIcon } from '@chakra-ui/c-icon/src'
+import { CIcon } from '@chakra-ui/c-icon'
 import { defineComponent } from 'vue'
 
 export default defineComponent({

packages/c-icon/examples/with-icon-library.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { CIcon } from '@chakra-ui/c-icon/src'
+import { CIcon } from '@chakra-ui/c-icon'
 import { defineComponent } from 'vue'
 
 export default defineComponent({

packages/c-icon/examples/with-size.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script lang="ts">
-import { CIcon } from '@chakra-ui/c-icon/src'
+import { CIcon } from '@chakra-ui/c-icon'
 import { defineComponent } from 'vue'
 
 export default defineComponent({