Refactor FontAwesome AdminHome Heading to use icon props directly, fixing types (and modernizing)

Author: dannon

client/src/components/admin/AdminHome.vue

@@ -9,7 +9,7 @@
             keep your Galaxy in best shape.
         </p>
 
-        <Heading h2 icon="fa-server" size="md">Server</Heading>
+        <Heading h2 :icon="faServer" size="md">Server</Heading>
         <ul>
             <li>
                 <strong>
@@ -57,7 +57,7 @@
             </li>
         </ul>
 
-        <Heading h2 icon="fa-user" size="md">User Management</Heading>
+        <Heading h2 :icon="faUser" size="md">User Management</Heading>
         <ul>
             <li>
                 <strong>
@@ -95,7 +95,7 @@
             </li>
         </ul>
 
-        <Heading h2 icon="fa-wrench" size="md">Tool Management</Heading>
+        <Heading h2 :icon="faWrench" size="md">Tool Management</Heading>
         <ul>
             <li>
                 <strong>
@@ -135,16 +135,13 @@
 </template>
 
 <script setup lang="ts">
-import { library } from "@fortawesome/fontawesome-svg-core";
 import { faServer, faUser, faWrench } from "@fortawesome/free-solid-svg-icons";
 import { computed } from "vue";
 
 import { useConfig } from "@/composables/config";
 
 import Heading from "@/components/Common/Heading.vue";
 
-library.add(faServer, faUser, faWrench);
-
 const { config, isConfigLoaded } = useConfig();
 
 const isToolshedInstalled = computed(() => {