Resolve "Migrate to font awesome icons"

Closes #42 (closed)

src/components/modals/SearchUserModal.vue

 <script setup lang="ts">
 import { reactive, watch } from "vue";
 import BootstrapModal from "@/components/modals/BootstrapModal.vue";
-import BootstrapIcon from "@/components/BootstrapIcon.vue";
+import FontAwesomeIcon from "@/components/FontAwesomeIcon.vue";
 import { UserService } from "@/client/auth";
 import type { User } from "@/client/auth";
 import { useAuthStore } from "@/stores/auth";
@@ -82,7 +82,7 @@ function searchUser(name: string) {
     <template v-slot:body>
       <div class="input-group mt-2 mb-4">
         <span class="input-group-text" id="objects-search-wrapping"
-          ><bootstrap-icon icon="search"
+          ><font-awesome-icon icon="fa-solid fa-magnifying-glass"
         /></span>
         <input
           class="form-control"
@@ -97,8 +97,8 @@ function searchUser(name: string) {
         </div>
       </div>
       <div v-else-if="formState.error" class="text-center fs-2">
-        <bootstrap-icon
-          icon="x-lg"
+        <font-awesome-icon
+          icon="fa-solid fa-x"
           class="mb-2"
           width="56"
           height="56"
@@ -122,8 +122,8 @@ function searchUser(name: string) {
         </button>
       </div>
       <div v-else class="text-center fs-2">
-        <bootstrap-icon
-          icon="search"
+        <font-awesome-icon
+          icon="fa-solid fa-magnifying-glass"
           class="mb-2"
           width="56"
           height="56"