diff --git a/index.html b/index.html
index a473150..b69c220 100644
--- a/index.html
+++ b/index.html
@@ -1,50 +1,50 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>All-in-One Tools</title>
-  <link rel="stylesheet" href="css/style.css">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>All-in-One Tools</title>
+    <link rel="stylesheet" href="css/style.css" />
 
-  <!-- Sentry SDK with Tracing + Replay -->
-  <script
-    src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"
-    integrity="sha384-KMYlb5C6iZLkOH4rXm0wVnCUTrUKvfxJtR3F+HlhRj3k0DL3mXjFq99iTnVVFVkT"
-    crossorigin="anonymous"
-  ></script>
-  <script src="js/sentry.js"></script>
-</head>
-<body>
-  <header>
-    <h1>All-in-One Tools</h1>
-    <p>A collection of useful tools, all in one place.</p>
-  </header>
+    <!-- Sentry SDK with Tracing + Replay -->
+    <script
+      src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"
+      integrity="sha384-KMYlb5C6iZLkOH4rXm0wVnCUTrUKvfxJtR3F+HlhRj3k0DL3mXjFq99iTnVVFVkT"
+      crossorigin="anonymous"
+    ></script>
+    <script src="js/sentry.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>All-in-One Tools</h1>
+      <p>A collection of useful tools, all in one place.</p>
+    </header>
 
-  <main class="tool-grid">
-    <div class="tool-card">
-      <h2>Unit Converter</h2>
-      <p>Convert between common units (length, weight, temperature).</p>
-      <a href="tools/converter.html" class="btn">Open</a>
-    </div>
-    <div class="tool-card">
-      <h2>Calculator</h2>
-      <p>Perform quick calculations.</p>
-      <a href="tools/calculator.html" class="btn">Open</a>
-    </div>
-    <div class="tool-card">
-      <h2>Password Generator</h2>
-      <p>Create strong and secure passwords.</p>
-      <a href="tools/password.html" class="btn">Open</a>
-    </div>
-    <div class="tool-card">
-      <h2>QR Code Generator</h2>
-      <p>Turn text or links into QR codes.</p>
-      <a href="tools/qr.html" class="btn">Open</a>
-    </div>
-  </main>
+    <main class="tool-grid">
+      <div class="tool-card">
+        <h2>Unit Converter</h2>
+        <p>Convert between common units (length, weight, temperature).</p>
+        <a href="tools/converter.html" class="btn">Open</a>
+      </div>
+      <div class="tool-card">
+        <h2>Calculator</h2>
+        <p>Perform quick calculations.</p>
+        <a href="tools/calculator.html" class="btn">Open</a>
+      </div>
+      <div class="tool-card">
+        <h2>Password Generator</h2>
+        <p>Create strong and secure passwords.</p>
+        <a href="tools/password.html" class="btn">Open</a>
+      </div>
+      <div class="tool-card">
+        <h2>QR Code Generator</h2>
+        <p>Turn text or links into QR codes.</p>
+        <a href="tools/qr.html" class="btn">Open</a>
+      </div>
+    </main>
 
-  <footer>
-    <p>Made with ❤️ by LCS</p>
-  </footer>
-</body>
-</html>
\ No newline at end of file
+    <footer>
+      <p>Made with ❤️ by LCS</p>
+    </footer>
+  </body>
+</html>
diff --git a/js/sentry.js b/js/sentry.js
index ffc272a..69ab7b1 100644
--- a/js/sentry.js
+++ b/js/sentry.js
@@ -6,11 +6,11 @@ Sentry.init({
   ],
   tracesSampleRate: 1.0,
   replaysSessionSampleRate: 0.1,
-  replaysOnErrorSampleRate: 1.0
+  replaysOnErrorSampleRate: 1.0,
 });
 
 Sentry.addBreadcrumb({
   category: "navigation",
   message: `Visited ${window.location.pathname}`,
   level: "info",
-});
\ No newline at end of file
+});
diff --git a/tools/calculator.html b/tools/calculator.html
index 25fedf0..6fbd81f 100644
--- a/tools/calculator.html
+++ b/tools/calculator.html
@@ -1,50 +1,50 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Calculator</title>
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="calculator.css">
-</head>
-<body>
-  <header>
-    <h1>Calculator</h1>
-    <a href="../index.html" class="btn">← Back</a>
-  </header>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Calculator</title>
+    <link rel="stylesheet" href="../css/style.css" />
+    <link rel="stylesheet" href="calculator.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Calculator</h1>
+      <a href="../index.html" class="btn">← Back</a>
+    </header>
 
-  <main class="calc-container">
-    <div class="calc-screen" id="screen">0</div>
-    <div class="calc-buttons">
-      <button>C</button>
-      <button>←</button>
-      <button>%</button>
-      <button>/</button>
+    <main class="calc-container">
+      <div class="calc-screen" id="screen">0</div>
+      <div class="calc-buttons">
+        <button>C</button>
+        <button>←</button>
+        <button>%</button>
+        <button>/</button>
 
-      <button>7</button>
-      <button>8</button>
-      <button>9</button>
-      <button>*</button>
+        <button>7</button>
+        <button>8</button>
+        <button>9</button>
+        <button>*</button>
 
-      <button>4</button>
-      <button>5</button>
-      <button>6</button>
-      <button>-</button>
+        <button>4</button>
+        <button>5</button>
+        <button>6</button>
+        <button>-</button>
 
-      <button>1</button>
-      <button>2</button>
-      <button>3</button>
-      <button>+</button>
+        <button>1</button>
+        <button>2</button>
+        <button>3</button>
+        <button>+</button>
 
-      <button>0</button>
-      <button>.</button>
-      <button>=</button>
-    </div>
-  </main>
+        <button>0</button>
+        <button>.</button>
+        <button>=</button>
+      </div>
+    </main>
 
-  <script src="calculator.js"></script>
-</body>
+    <script src="calculator.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
diff --git a/tools/clock.html b/tools/clock.html
index 92e9121..c453bc6 100644
--- a/tools/clock.html
+++ b/tools/clock.html
@@ -1,29 +1,29 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Live Clock</title>
-  <link rel="stylesheet" href="clock.css">
-</head>
-<body>
-  <header>
-    <h1>🕒 Live Clock</h1>
-    <p>See the current date and time in real time.</p>
-  </header>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Live Clock</title>
+    <link rel="stylesheet" href="clock.css" />
+  </head>
+  <body>
+    <header>
+      <h1>🕒 Live Clock</h1>
+      <p>See the current date and time in real time.</p>
+    </header>
 
-  <main class="clock-container">
-    <div id="clock" class="clock-display">--:--:--</div>
-    <div id="date" class="date-display">Loading date...</div>
-  </main>
+    <main class="clock-container">
+      <div id="clock" class="clock-display">--:--:--</div>
+      <div id="date" class="date-display">Loading date...</div>
+    </main>
 
-  <footer>
-    <p><a href="../index.html">⬅ Back to Tools</a></p>
-  </footer>
+    <footer>
+      <p><a href="../index.html">⬅ Back to Tools</a></p>
+    </footer>
 
-  <script src="clock.js"></script>
-</body>
+    <script src="clock.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
diff --git a/tools/converter.html b/tools/converter.html
index d7d2ccd..b5600ce 100644
--- a/tools/converter.html
+++ b/tools/converter.html
@@ -1,45 +1,45 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Unit Converter</title>
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="converter.css">
-</head>
-<body>
-  <header>
-    <h1>Unit Converter</h1>
-    <a href="../index.html" class="btn">← Back</a>
-  </header>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Unit Converter</title>
+    <link rel="stylesheet" href="../css/style.css" />
+    <link rel="stylesheet" href="converter.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Unit Converter</h1>
+      <a href="../index.html" class="btn">← Back</a>
+    </header>
 
-  <main class="converter-container">
-    <div class="converter-box">
-      <label for="type">Conversion Type:</label>
-      <select id="type">
-        <option value="length">Length (m ↔ km)</option>
-        <option value="weight">Weight (kg ↔ g)</option>
-        <option value="temperature">Temperature (°C ↔ °F)</option>
-      </select>
-    </div>
+    <main class="converter-container">
+      <div class="converter-box">
+        <label for="type">Conversion Type:</label>
+        <select id="type">
+          <option value="length">Length (m ↔ km)</option>
+          <option value="weight">Weight (kg ↔ g)</option>
+          <option value="temperature">Temperature (°C ↔ °F)</option>
+        </select>
+      </div>
 
-    <div class="converter-box">
-      <label for="inputValue">Input Value:</label>
-      <input type="number" id="inputValue" placeholder="Enter value">
-    </div>
+      <div class="converter-box">
+        <label for="inputValue">Input Value:</label>
+        <input type="number" id="inputValue" placeholder="Enter value" />
+      </div>
 
-    <div class="converter-box">
-      <button id="convertBtn" class="btn">Convert</button>
-    </div>
+      <div class="converter-box">
+        <button id="convertBtn" class="btn">Convert</button>
+      </div>
 
-    <div class="converter-box">
-      <h2>Result: <span id="result">-</span></h2>
-    </div>
-  </main>
+      <div class="converter-box">
+        <h2>Result: <span id="result">-</span></h2>
+      </div>
+    </main>
 
-  <script src="converter.js"></script>
-</body>
+    <script src="converter.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
diff --git a/tools/countdown.html b/tools/countdown.html
index 18f54cb..4ccc2a1 100644
--- a/tools/countdown.html
+++ b/tools/countdown.html
@@ -1,64 +1,64 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
-  <title>Countdown Timer</title>
-  <link rel="stylesheet" href="countdown.css" />
-</head>
-<body>
-  <header>
-    <h1>⏱ Countdown Timer</h1>
-    <p>Set a target date/time and watch the live countdown.</p>
-  </header>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>Countdown Timer</title>
+    <link rel="stylesheet" href="countdown.css" />
+  </head>
+  <body>
+    <header>
+      <h1>⏱ Countdown Timer</h1>
+      <p>Set a target date/time and watch the live countdown.</p>
+    </header>
 
-  <main class="countdown-container">
-    <div class="controls">
-      <label for="targetInput">Target date & time</label>
-      <input type="datetime-local" id="targetInput" />
+    <main class="countdown-container">
+      <div class="controls">
+        <label for="targetInput">Target date & time</label>
+        <input type="datetime-local" id="targetInput" />
 
-      <div class="buttons">
-        <button id="startBtn" class="btn">Start</button>
-        <button id="pauseBtn" class="btn" disabled>Pause</button>
-        <button id="resetBtn" class="btn" disabled>Reset</button>
-      </div>
+        <div class="buttons">
+          <button id="startBtn" class="btn">Start</button>
+          <button id="pauseBtn" class="btn" disabled>Pause</button>
+          <button id="resetBtn" class="btn" disabled>Reset</button>
+        </div>
 
-      <div class="presets">
-        <button class="preset" data-days="1">+1 day</button>
-        <button class="preset" data-days="7">+7 days</button>
-        <button class="preset" data-minutes="5">+5 minutes</button>
+        <div class="presets">
+          <button class="preset" data-days="1">+1 day</button>
+          <button class="preset" data-days="7">+7 days</button>
+          <button class="preset" data-minutes="5">+5 minutes</button>
+        </div>
       </div>
-    </div>
 
-    <div class="display" id="display">
-      <div class="time-part">
-        <span id="days">--</span>
-        <small>Days</small>
-      </div>
-      <div class="time-part">
-        <span id="hours">--</span>
-        <small>Hours</small>
-      </div>
-      <div class="time-part">
-        <span id="minutes">--</span>
-        <small>Minutes</small>
-      </div>
-      <div class="time-part">
-        <span id="seconds">--</span>
-        <small>Seconds</small>
+      <div class="display" id="display">
+        <div class="time-part">
+          <span id="days">--</span>
+          <small>Days</small>
+        </div>
+        <div class="time-part">
+          <span id="hours">--</span>
+          <small>Hours</small>
+        </div>
+        <div class="time-part">
+          <span id="minutes">--</span>
+          <small>Minutes</small>
+        </div>
+        <div class="time-part">
+          <span id="seconds">--</span>
+          <small>Seconds</small>
+        </div>
       </div>
-    </div>
 
-    <div class="message" id="message">No countdown running</div>
-  </main>
+      <div class="message" id="message">No countdown running</div>
+    </main>
 
-  <footer>
-    <p><a href="../index.html">⬅ Back to Tools</a></p>
-  </footer>
+    <footer>
+      <p><a href="../index.html">⬅ Back to Tools</a></p>
+    </footer>
 
-  <script src="countdown.js"></script>
-</body>
+    <script src="countdown.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
diff --git a/tools/password.html b/tools/password.html
index 71a9858..dae3685 100644
--- a/tools/password.html
+++ b/tools/password.html
@@ -1,44 +1,52 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Password Generator</title>
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="password.css">
-</head>
-<body>
-  <header>
-    <h1>Password Generator</h1>
-    <a href="../index.html" class="btn">← Back</a>
-  </header>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Password Generator</title>
+    <link rel="stylesheet" href="../css/style.css" />
+    <link rel="stylesheet" href="password.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Password Generator</h1>
+      <a href="../index.html" class="btn">← Back</a>
+    </header>
 
-  <main class="password-container">
-    <div class="password-box">
-      <label for="length">Length:</label>
-      <input type="number" id="length" value="12" min="4" max="50">
-    </div>
+    <main class="password-container">
+      <div class="password-box">
+        <label for="length">Length:</label>
+        <input type="number" id="length" value="12" min="4" max="50" />
+      </div>
 
-    <div class="password-box">
-      <label><input type="checkbox" id="lowercase" checked> Lowercase (a-z)</label><br>
-      <label><input type="checkbox" id="uppercase" checked> Uppercase (A-Z)</label><br>
-      <label><input type="checkbox" id="numbers" checked> Numbers (0-9)</label><br>
-      <label><input type="checkbox" id="symbols"> Symbols (!@#$%)</label>
-    </div>
+      <div class="password-box">
+        <label
+          ><input type="checkbox" id="lowercase" checked /> Lowercase
+          (a-z)</label
+        ><br />
+        <label
+          ><input type="checkbox" id="uppercase" checked /> Uppercase
+          (A-Z)</label
+        ><br />
+        <label
+          ><input type="checkbox" id="numbers" checked /> Numbers (0-9)</label
+        ><br />
+        <label><input type="checkbox" id="symbols" /> Symbols (!@#$%)</label>
+      </div>
 
-    <div class="password-box">
-      <button id="generateBtn" class="btn">Generate</button>
-    </div>
+      <div class="password-box">
+        <button id="generateBtn" class="btn">Generate</button>
+      </div>
 
-    <div class="password-box">
-      <input type="text" id="result" readonly>
-      <button id="copyBtn" class="btn">Copy</button>
-    </div>
-  </main>
+      <div class="password-box">
+        <input type="text" id="result" readonly />
+        <button id="copyBtn" class="btn">Copy</button>
+      </div>
+    </main>
 
-  <script src="password.js"></script>
-</body>
+    <script src="password.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
diff --git a/tools/qr.html b/tools/qr.html
index 8f42f47..e92f8c8 100644
--- a/tools/qr.html
+++ b/tools/qr.html
@@ -1,40 +1,40 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>QR Code Generator</title>
-  <link rel="stylesheet" href="../css/style.css">
-  <link rel="stylesheet" href="qr.css">
-  <!-- QRCode.js library -->
-  <script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
-</head>
-<body>
-  <header>
-    <h1>QR Code Generator</h1>
-    <a href="../index.html" class="btn">← Back</a>
-  </header>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>QR Code Generator</title>
+    <link rel="stylesheet" href="../css/style.css" />
+    <link rel="stylesheet" href="qr.css" />
+    <!-- QRCode.js library -->
+    <script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>QR Code Generator</h1>
+      <a href="../index.html" class="btn">← Back</a>
+    </header>
 
-<main class="qr-container">
-  <div class="qr-box">
-    <label for="qrText">Enter text or URL:</label>
-    <input type="text" id="qrText" placeholder="https://example.com">
-  </div>
+    <main class="qr-container">
+      <div class="qr-box">
+        <label for="qrText">Enter text or URL:</label>
+        <input type="text" id="qrText" placeholder="https://example.com" />
+      </div>
 
-  <div class="qr-box">
-    <button id="generateBtn" class="btn">Generate</button>
-  </div>
+      <div class="qr-box">
+        <button id="generateBtn" class="btn">Generate</button>
+      </div>
 
-  <div class="qr-box" id="qrcode"></div>
+      <div class="qr-box" id="qrcode"></div>
 
-  <div class="qr-box">
-    <button id="downloadBtn" class="btn" disabled>Download</button>
-  </div>
-</main>
+      <div class="qr-box">
+        <button id="downloadBtn" class="btn" disabled>Download</button>
+      </div>
+    </main>
 
-<script src="qr.js"></script>
-</body>
+    <script src="qr.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
diff --git a/tools/timestamp.html b/tools/timestamp.html
index 80c771f..11f3b29 100644
--- a/tools/timestamp.html
+++ b/tools/timestamp.html
@@ -1,40 +1,44 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Timestamp Converter</title>
-  <link rel="stylesheet" href="timestamp.css">
-</head>
-<body>
-  <header>
-    <h1>⏳ Timestamp Converter</h1>
-    <p>Convert between UNIX timestamps and human-readable dates.</p>
-  </header>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Timestamp Converter</title>
+    <link rel="stylesheet" href="timestamp.css" />
+  </head>
+  <body>
+    <header>
+      <h1>⏳ Timestamp Converter</h1>
+      <p>Convert between UNIX timestamps and human-readable dates.</p>
+    </header>
 
-  <main class="timestamp-container">
-    <div class="converter-box">
-      <h2>Timestamp ➝ Date</h2>
-      <input type="number" id="timestampInput" placeholder="Enter UNIX timestamp">
-      <button onclick="convertToDate()">Convert</button>
-      <p id="dateResult">Result: --</p>
-    </div>
+    <main class="timestamp-container">
+      <div class="converter-box">
+        <h2>Timestamp ➝ Date</h2>
+        <input
+          type="number"
+          id="timestampInput"
+          placeholder="Enter UNIX timestamp"
+        />
+        <button onclick="convertToDate()">Convert</button>
+        <p id="dateResult">Result: --</p>
+      </div>
 
-    <div class="converter-box">
-      <h2>Date ➝ Timestamp</h2>
-      <input type="datetime-local" id="dateInput">
-      <button onclick="convertToTimestamp()">Convert</button>
-      <p id="timestampResult">Result: --</p>
-    </div>
-  </main>
+      <div class="converter-box">
+        <h2>Date ➝ Timestamp</h2>
+        <input type="datetime-local" id="dateInput" />
+        <button onclick="convertToTimestamp()">Convert</button>
+        <p id="timestampResult">Result: --</p>
+      </div>
+    </main>
 
-  <footer>
-    <p><a href="../index.html">⬅ Back to Tools</a></p>
-  </footer>
+    <footer>
+      <p><a href="../index.html">⬅ Back to Tools</a></p>
+    </footer>
 
-  <script src="timestamp.js"></script>
-</body>
+    <script src="timestamp.js"></script>
+  </body>
 </html>
 
 <script src="https://browser.sentry-cdn.com/7.120.1/bundle.tracing.replay.min.js"></script>
-<script src="../js/sentry.js"></script>
\ No newline at end of file
+<script src="../js/sentry.js"></script>
