added keyword clicking to recipe view and fixed deleted keyword showing in search when passed via parameter

vue/src/components/KeywordsComponent.vue

@@ -1,17 +1,22 @@
 <template>
     <div v-if="recipe.keywords.length > 0">
       <span :key="k.id" v-for="k in recipe.keywords" class="pl-1">
-        <b-badge pill variant="light" class="font-weight-normal">{{k.label}}</b-badge>
+          <a :href="`${resolveDjangoUrl('view_search')}?keyword=${k.id}`"><b-badge pill variant="light"
+                                                                                   class="font-weight-normal">{{ k.label }}</b-badge></a>
+
       </span>
     </div>
 </template>
 
 <script>
 
+import {ResolveUrlMixin} from "@/utils/utils";
+
 export default {
-  name: 'KeywordsComponent',
-  props: {
-    recipe: Object,
-  },
+    name: 'KeywordsComponent',
+    mixins: [ResolveUrlMixin],
+    props: {
+        recipe: Object,
+    },
 }
 </script>