feat(docs): Add some QChip examples with CSS class "glossy"

Author: rstoenescu

docs/src/examples/QChip/Basic.vue

@@ -4,7 +4,7 @@
       <q-chip icon="event" size="10px">Add to calendar</q-chip>
       <q-chip icon="bookmark">Bookmark</q-chip>
       <q-chip icon="alarm" label="Set alarm" />
-      <q-chip icon="directions">Get directions</q-chip>
+      <q-chip class="glossy" icon="directions">Get directions</q-chip>
     </div>
     <div>
       <q-chip color="primary" text-color="white" icon="event">
@@ -13,7 +13,7 @@
       <q-chip color="teal" text-color="white" icon="bookmark">
         Bookmark
       </q-chip>
-      <q-chip color="orange" text-color="white" icon-right="star">
+      <q-chip class="glossy" color="orange" text-color="white" icon-right="star">
         Star
       </q-chip>
       <q-chip color="red" text-color="white" icon="alarm" label="Set alarm" />

docs/src/examples/QChip/Square.vue

@@ -2,15 +2,15 @@
   <div class="q-pa-md q-gutter-md">
     <div>
       <q-chip square icon="event" size="10px">Add to calendar</q-chip>
-      <q-chip square icon="bookmark">Bookmark</q-chip>
+      <q-chip class="glossy" square icon="bookmark">Bookmark</q-chip>
       <q-chip square icon="alarm" label="Set alarm" />
       <q-chip square icon="directions">Get directions</q-chip>
     </div>
     <div>
       <q-chip square color="primary" text-color="white" icon="event">
         Add to calendar
       </q-chip>
-      <q-chip square color="teal" text-color="white" icon="bookmark">
+      <q-chip class="glossy" square color="teal" text-color="white" icon="bookmark">
         Bookmark
       </q-chip>
       <q-chip square color="orange" text-color="white" icon-right="star">