feat(component): add documentation icon

ref: #18 #34

src/components/IconLoader.jsx

@@ -50,6 +50,7 @@ import TicketRequest from "./icons/TicketRequest";
 import TicketIncident from "./icons/TicketIncident";
 import TicketProblem from "./icons/TicketProblem";
 import TicketChange from "./icons/TicketChange";
+import Documentation from "./icons/documentation";
 
 
 const icon_components = {
@@ -65,6 +66,7 @@ const icon_components = {
     device_status_ok: InventoryStatusOkIcon,
     device_status_unk: InventoryStatusUknIcon,
     device_status_warn: InventoryStatusWarnIcon,
+    documentation: Documentation,
     reply: ReplyIcon,
     delete: DeleteIcon,
     device: DeviceIcon,

src/components/icons/documentation.jsx

@@ -0,0 +1,14 @@
+const Documentation = ({
+    width = '20px',
+    height = '20px',
+    fill = '#FFF'
+}) => {
+
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={ width } height={ height } fill={ fill }>
+            <path d="M19 1L14 6V17L19 12.5V1M21 5V18.5C19.9 18.15 18.7 18 17.5 18C15.8 18 13.35 18.65 12 19.5V6C10.55 4.9 8.45 4.5 6.5 4.5C4.55 4.5 2.45 4.9 1 6V20.65C1 20.9 1.25 21.15 1.5 21.15C1.6 21.15 1.65 21.1 1.75 21.1C3.1 20.45 5.05 20 6.5 20C8.45 20 10.55 20.4 12 21.5C13.35 20.65 15.8 20 17.5 20C19.15 20 20.85 20.3 22.25 21.05C22.35 21.1 22.4 21.1 22.5 21.1C22.75 21.1 23 20.85 23 20.6V6C22.4 5.55 21.75 5.25 21 5M10 18.41C8.75 18.09 7.5 18 6.5 18C5.44 18 4.18 18.19 3 18.5V7.13C3.91 6.73 5.14 6.5 6.5 6.5C7.86 6.5 9.09 6.73 10 7.13V18.41Z" />
+        </svg>
+    );
+}
+
+export default Documentation

src/components/page/Footer.jsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import IconLoader from "../IconLoader";
 
 const Footer = ({
     api_version_data