feat: only load pdf-lib when its used

src/main/resources/templates/fragments/common.html

@@ -37,9 +37,6 @@
     <!-- PDF.js -->
     <script type="module" th:src="@{'/pdfjs-legacy/pdf.mjs'}"  th:if="${currentPage != 'home'}"></script>
 
-    <!-- PDF-Lib -->
-    <script th:src="@{'/js/thirdParty/pdf-lib.min.js'}"  th:if="${currentPage != 'home'}"></script>
-
     <!-- Custom -->
     <link rel="stylesheet" th:href="@{'/css/general.css'}">
     <link rel="stylesheet" th:href="@{'/css/theme/theme.css'}">

src/main/resources/templates/misc/add-image.html

@@ -66,6 +66,7 @@
               <!-- draggables box -->
               <div id="box-drag-container" class="show-on-file-selected">
                 <canvas id="pdf-canvas"></canvas>
+                <script th:src="@{'/js/thirdParty/pdf-lib.min.js'}"></script>
                 <script th:src="@{'/js/draggable-utils.js'}"></script>
                 <div class="draggable-buttons-box ignore-rtl">
                   <button class="btn btn-outline-secondary" onclick="DraggableUtils.deleteDraggableCanvas(DraggableUtils.getLastInteracted())">

src/main/resources/templates/misc/adjust-contrast.html

@@ -53,7 +53,7 @@
 
               </div>
               </form>
-
+              <script th:src="@{'/js/thirdParty/pdf-lib.min.js'}"></script>
               <script>
                 var canvas = document.getElementById('contrast-pdf-canvas');
                 var context = canvas.getContext('2d');

src/main/resources/templates/misc/remove-annotations.html

@@ -28,6 +28,7 @@
       </div>
       <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
     </div>
+    <script th:src="@{'/js/thirdParty/pdf-lib.min.js'}"></script>
     <script th:src="@{'/js/local-pdf-input-download.js'}"></script>
     <script>
       document.getElementById('pdfForm').addEventListener('submit', async (e) => {

src/main/resources/templates/multi-tool.html

@@ -75,7 +75,7 @@
     <div id="drag-container"></div>
     <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
   </div>
-
+  <script th:src="@{'/js/thirdParty/pdf-lib.min.js'}"></script>
   <script type="module">
     import PdfContainer from './js/multitool/PdfContainer.js';
     import DragDropManager from "./js/multitool/DragDropManager.js";

src/main/resources/templates/sign.html

@@ -229,6 +229,7 @@
               <!-- draggables box -->
               <div id="box-drag-container" class="show-on-file-selected">
                 <canvas id="pdf-canvas"></canvas>
+                <script th:src="@{'/js/thirdParty/pdf-lib.min.js'}"></script>
                 <script th:src="@{'/js/draggable-utils.js'}"></script>
                 <div class="draggable-buttons-box ignore-rtl">
                   <button class="btn btn-outline-secondary" onclick="DraggableUtils.deleteDraggableCanvas(DraggableUtils.getLastInteracted())">