chore(demo): bump fontawesome from 6.7.2 to 7.1.0 (#3400)

The icons include margin, so reduce the size of the "BPMN" upload text.
Also remove extra left margin on the last zoom icon.

Author: tbouffard

dev/public/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>bpmn-visualization - Demo</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css" integrity="sha256-dABdfBfUoC8vJUBOwGVdm8L9qlMWaHTIfXt+7GnZCIo=" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.1.0/css/all.min.css" integrity="sha256-4rTIfo5GQTi/7UJqoyUJQKzxW8VN/YBH31+Cy+vTZj4=" crossorigin="anonymous">
     <link href="./static/css/styles.css" rel="stylesheet">
     <link rel="icon" type="image/svg+xml" href="./static/img/favicon.svg">
     <script src="../ts/pages/index.ts" type="module"></script>
@@ -32,7 +32,7 @@
                   <div class="cursor-pointer text-red-500 hover:text-red-900">
                     <div class="text-center">
                       <input type="file" id="bpmn-file" name="file" class="hidden"/>
-                      <label for="bpmn-file" class="font-bold text-1xl md:text-3xl cursor-pointer"><span><em class="fas fa-file"></em>BPMN<em class="fas fa-upload"></em></span></label>
+                      <label for="bpmn-file" class="font-bold text-1xl md:text-2xl cursor-pointer"><span><em class="fas fa-file"></em>BPMN<em class="fas fa-upload"></em></span></label>
                     </div>
                   </div>
                 </div>
@@ -70,7 +70,7 @@
                   <span class="ml-4 md:ml-0">
                     <button id="zoom-in" title="Zoom In"><em class="fa-solid fa-magnifying-glass-plus"></em></button>
                     <button id="zoom-out" title="Zoom Out"><em class="ml-2 fa-solid fa-magnifying-glass-minus"></em></button>
-                    <button id="zoom-reset" title="Zoom Reset"><em class="ml-2 md:ml-4 fa-solid fa-magnifying-glass"></em></button>
+                    <button id="zoom-reset" title="Zoom Reset"><em class="ml-2 md:ml-2 fa-solid fa-magnifying-glass"></em></button>
                   </span>
                 </div>
               </div>