fix(html) use free fas icons

html/index.html

@@ -31,16 +31,19 @@
                 <div class="row">
                     <div class="col-4">
                         <div class="mtc-user-info">
-                            <img src=""
-                                alt="Character image" id="charImage">
+                            <img src="" alt="Character image" id="charImage">
                             <p id="charName">Char name</p>
                             <p id="charCitizenID">Citizen ID</p>
                         </div>
                         <ul>
-                            <li id="Sidebar.job"><i class="fa-duotone fa-briefcase fa-fw"></i><a id="text_jobs"> Work </a></li>
-                            <li id="Sidebar.identity"><i class="fa-duotone fa-passport fa-fw"></i> <a id="text_items"> Items </a></li>
-                            <li id="Sidebar.information"><i class="fa-duotone fa-user-tie-hair fa-fw"></i> <a id="text_information"> Info </a></li>
-                            <li id="Sidebar.close"><i class="fa-duotone fa-sign-out fa-fw"></i> <a id="text_close"> Close </a></li>
+                            <li id="Sidebar.job"><i class="fa-solid fa-briefcase fa-fw"></i><a id="text_jobs"> Work
+                                </a></li>
+                            <li id="Sidebar.identity"><i class="fa-solid fa-passport fa-fw"></i> <a id="text_items">
+                                    Items </a></li>
+                            <li id="Sidebar.information"><i class="fa-solid fa-circle-info fa-fw"></i> <a
+                                    id="text_information"> Info </a></li>
+                            <li id="Sidebar.close"><i class="fa-solid fa-sign-out fa-fw"></i> <a id="text_close">
+                                    Close </a></li>
                         </ul>
                     </div>
                     <div class="col-8" id="selectJob">
@@ -90,7 +93,9 @@
 
     <script src="https://code.jquery.com/jquery-3.6.3.slim.js"
         integrity="sha256-DKU1CmJ8kBuEwumaLuh9Tl/6ZB6jzGOBV/5YpNE2BWc=" crossorigin="anonymous"></script>
-    <script src="https://kit.fontawesome.com/bbfa2ecaa3.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
         integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
         crossorigin="anonymous"></script>
@@ -101,7 +106,7 @@
     <script src="./js/lang.js"></script>
     <script src="./js/app.js"></script>
     <script src="./js/listener.js"></script>
-    
+
 </body>
 
 </html>