add to collections on card + hide if no collection

app/grants/templates/grants/components/card.html

@@ -91,7 +91,7 @@ <h2 class="grant-item__title font-subheader">
                   <i :class="`${!grant.favorite ? 'far' : 'fa' } fa-star`" ></i>
                   <span class="ml-1 font-body">[[ !grant.favorite ? 'Follow' : 'Following' ]]</span>
                 </button>
-                <b-dropdown size="sm" variant="link" toggle-class="text-decoration-none text-muted" id="dropdown-1" text="Add to Collection" class="m-md-2">
+                <b-dropdown size="sm" variant="link" toggle-class="text-decoration-none text-muted" id="dropdown-1" text="Add to Collection" class="m-md-2" menu-class="shadow-sm" v-if="has_collections">
                   <template v-slot:button-content>
                     <span class="text-muted"><i class="fas fa-th-large mr-1"></i> Add to Collection</span>
                   </template>
@@ -213,6 +213,12 @@ <h2 class="font-title font-weight-bold amount pt-1 mb-2">
           <div class="col-12 pb-3" v-if="grant.is_clr_eligible && grant.is_clr_active">
             {% include 'grants/components/clr_estimate.html' %}
           </div>
+          <b-dropdown size="sm" variant="link" toggle-class="text-decoration-none text-muted" id="dropdown-1" text="Add to Collection" class="m-md-2" menu-class="shadow-sm" v-if="has_collections">
+            <template v-slot:button-content>
+              <span class="text-muted"><i class="fas fa-th-large mr-1"></i> Add to Collection</span>
+            </template>
+            <b-dropdown-item @click.prevent="addToCollection({grant, collection})" v-for="collection in collections">[[collection.title]]</b-dropdown-item>
+          </b-dropdown>
 
           <div class="col-12 pb-4">
             <button @click.prevent="addToCart(grant)" class="btn btn-gc-blue cart-btn large font-body font-weight-semibold mt-1 mr-1">