Add bootstrap icon

front/src/NavBarSearch.vue

@@ -18,7 +18,9 @@
       </div>
       <div class="control">
         <button @click="onSearchClick()" class="button">
-          <span class="icon icon-search" title="Search"></span>
+          <span class="icon" title="Search">
+            <b-icon-search />
+          </span>
         </button>
       </div>
     </div>

front/src/main.js

@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import { createI18n } from "vue-i18n";
 import { createPinia } from 'pinia'
+import { BootstrapIconsPlugin } from "bootstrap-icons-vue";
 import { router } from './router.js'
 import App from './App.vue'
 
@@ -18,4 +19,4 @@ const i18n = createI18n({
 
 const pinia = createPinia()
 
-createApp(App).use(i18n).use(pinia).use(router).mount('#app')
+createApp(App).use(i18n).use(pinia).use(BootstrapIconsPlugin).use(router).mount('#app')