chore(deps): bump path-to-regexp from 0.1.12 to 0.1.13

.jules/bolt.md

@@ -5,3 +5,7 @@ This journal documents critical performance learnings for the 5L Labs project.
 ## 2026-02-22 - Font Loading Optimization
 **Learning:** Using `preconnect` for `fonts.gstatic.com` significantly improves FCP by establishing the connection early.
 **Action:** Always include `preconnect` links for external font providers in `docusaurus.config.js`.
+
+## 2026-02-22 - Static Image Formats
+**Learning:** The Docusaurus React setup efficiently handles direct WebP imports in `src/pages/index.js`, dropping the hero banner LCP image payload by ~85% (233KB -> 35KB) without needing additional Webpack loader configurations.
+**Action:** Default to `.webp` formats for large static UI elements (like logos or hero images) rather than `.png`.

src/components/HomepageContent/index.js

@@ -61,7 +61,17 @@ function Section({ title, items }) {
                 <div style={{ marginBottom: '0.25rem' }}>
                   <strong>
                     {item.link ? (
-                      <Link to={item.link} className="inline-flex items-center gap-1 group">
+                      <Link
+                        to={item.link}
+                        className="inline-flex items-center gap-1 group"
+                        {...(isExternal
+                          ? {
+                              target: "_blank",
+                              rel: "noopener noreferrer",
+                              "aria-label": `${item.title} (opens in a new tab)`,
+                            }
+                          : {})}
+                      >
                         {item.title}
                         {isExternal ? (
                           <ExternalLinkIcon className="transition-transform group-hover:translate-x-1 group-hover:-translate-y-1 group-focus-visible:translate-x-1 group-focus-visible:-translate-y-1" />

src/pages/index.js

@@ -6,7 +6,7 @@ import Layout from "@theme/Layout";
 import HomepageContent from "../components/HomepageContent";
 import styles from "./index.module.css";
 
-import Logo from "@site/static/img/5L_Labs_Logo.png";
+import Logo from "@site/static/img/5L_Labs_Logo.webp";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();