Add a reset button on search #29

src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue

 <template>
   <InputGroup class="w-full mt-8 mb-4">
-      <InputGroupAddon class="px-4">
-        <i
-          class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary"
-          @click="emit('submit')"
-        />
-      </InputGroupAddon>
-      <InputText
-        id="search"
-        v-model="model.q"
-        fluid
-        size="large"
-        :placeholder="t('community.homepage.searchBarPlaceholder')"
-        v-on:keyup.enter="emit('submit')"
-        :disabled="props.loading"
+    <InputGroupAddon class="px-4">
+      <i
+        class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary"
+        @click="emit('submit')"
       />
+    </InputGroupAddon>
+    <InputText
+      id="search"
+      v-model="model.q"
+      fluid
+      size="large"
+      :placeholder="t('community.homepage.searchBarPlaceholder')"
+      v-on:keyup.enter="emit('submit')"
+      :disabled="props.loading"
+    />
+    <InputGroupAddon 
+      class="px-4 cursor-pointer hover:text-black"
+      @click="model = {params:{}}"
+    >
+      <i class="fa-solid fa-xmark"/>
+    </InputGroupAddon>
     <InputGroupAddon
       v-if="searchPop"
       class="inline-flex gap-2 text-gray-500 hover:text-gray-800 px-4"