refactor: font awesome 5 icons

Signed-off-by: Corentin Thomasset <corentin.thomasset74@gmail.com>

src/App.vue

@@ -61,7 +61,7 @@
                 <router-link to="/about">About</router-link>
 
                 <a href="https://github.com/CorentinTh/it-tools" target="_blank" class="navbar-link">
-                    <v-icon>fa-github</v-icon>
+                    <v-icon>fab fa-github</v-icon>
                 </a>
             </div>
         </v-app-bar>

src/main.js

@@ -4,7 +4,7 @@ import './registerServiceWorker'
 import router from './router'
 import vuetify from './plugins/vuetify'
 import 'roboto-fontface/css/roboto/roboto-fontface.css'
-import 'font-awesome/css/font-awesome.css'
+import '@fortawesome/fontawesome-free/css/all.css'
 import './plugins/crypto-js'
 import './plugins/toast-snackbar'
 

src/plugins/vuetify.js

@@ -24,6 +24,6 @@ export default new Vuetify({
     },
   },
   icons: {
-    iconfont: 'fa4',
+    iconfont: 'fa',
   },
 });

src/router.js

@@ -26,7 +26,7 @@ const toolsComponents = [
                 keywords: ['token', 'random', 'string', 'alphanumeric']
             },
             {
-                icon: 'fa-key',
+                icon: 'fa-fingerprint',
                 text: 'Uuid generator',
                 path: '/uuid-generator',
                 component: UuidGenerator,
@@ -60,7 +60,7 @@ const toolsComponents = [
                 keywords: ['locale', 'format', 'iso 8601', 'utc', 'timestamp', 'unix', 'year', 'month', 'day', 'hours', 'minutes', 'seconds']
             },
             {
-                icon: 'fa-arrows-h',
+                icon: 'fa-exchange-alt',
                 text: 'Base converter',
                 path: '/base-converter',
                 component: BaseConverter,
@@ -79,7 +79,7 @@ const toolsComponents = [
                 keywords: ['%20']
             },
             {
-                icon: 'fa-file-image-o',
+                icon: 'fa-file-export',
                 text: 'File to Base64',
                 path: '/file-to-base64',
                 component: FileToBase64
@@ -90,7 +90,7 @@ const toolsComponents = [
         title: 'Miscellaneous',
         child: [
             {
-                icon: 'fa-file-text',
+                icon: 'fa-align-left\n',
                 text: 'Text stats',
                 path: '/text-stats',
                 component: TextStats,