chore: update image sources and version bump to 1.2.0

- Changed image sources for GDPR, CCPA, and HIPAA compliance logos to local paths.
- Updated package version to 1.2.0 in package-lock.json.
- Enhanced README and SIMPLE_MODE documentation with Docker usage instructions.
- Improved table-of-contents worker and related TypeScript definitions for better clarity and functionality.
- Refactored CSS styles for consistency and improved UI elements.

src/pages/bookmark.html

@@ -103,8 +103,15 @@
       class="min-h-screen flex items-center justify-center p-4 bg-gray-900"
     >
       <div
-        class="bg-gray-900 rounded-xl shadow-xl p-8 max-w-md w-full text-gray-200"
+        class="bg-gray-800 rounded-xl shadow-xl p-8 max-w-md w-full text-gray-200 border border-gray-700"
       >
+        <button
+          id="back-to-tools"
+          class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold"
+        >
+          <i data-lucide="arrow-left" class="cursor-pointer"></i>
+          <span class="cursor-pointer"> Back to Tools </span>
+        </button>
         <p class="text-gray-400 mb-6">
           Upload a PDF to begin editing bookmarks
         </p>
@@ -112,7 +119,7 @@
         <!-- Drop Zone for Main PDF Upload -->
         <div
           id="drop-zone"
-          class="relative flex flex-col items-center justify-center w-full h-48 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-800 hover:bg-gray-700 transition-colors duration-300"
+          class="relative flex flex-col items-center justify-center w-full h-48 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-700 hover:bg-gray-600 transition-colors duration-300"
         >
           <div class="flex flex-col items-center justify-center pt-5 pb-6">
             <i
@@ -136,6 +143,9 @@
           />
         </div>
 
+        <!-- File Display Area -->
+        <div id="file-display-area" class="mt-4 hidden"></div>
+
         <!-- Auto Extract Checkbox -->
         <div class="mt-4">
           <label class="flex items-center gap-2 text-sm text-gray-300">
@@ -163,10 +173,7 @@
               class="relative flex flex-col items-center justify-center w-full h-32 mt-2 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-800 hover:bg-gray-700 transition-colors duration-300"
             >
               <div class="flex flex-col items-center justify-center pt-4 pb-4">
-                <i
-                  data-lucide="sheet"
-                  class="w-8 h-8 mb-2 text-gray-400"
-                ></i>
+                <i data-lucide="sheet" class="w-8 h-8 mb-2 text-gray-400"></i>
                 <p class="text-xs text-gray-400">
                   <span class="font-semibold">Click to upload CSV</span> or drag
                   here
@@ -207,7 +214,9 @@
     </div>
 
     <div id="app" class="hidden bg-gray-900 min-h-screen">
-      <header class="bg-gray-800 border-b border-gray-700 shadow-sm sticky top-0 z-50">
+      <header
+        class="bg-gray-800 border-b border-gray-700 shadow-sm sticky top-0 z-50"
+      >
         <div class="max-w-7xl mx-auto px-4 py-3">
           <div class="flex items-center justify-between flex-wrap gap-2">
             <h1 class="text-xl font-bold text-white" id="filename-display">