From 69295f2ecb2ec26bb634fb1a66db761f310c3215 Mon Sep 17 00:00:00 2001
From: Alex Moreton <alex.moreton@tla.co>
Date: Sat, 17 Jan 2026 16:20:14 +0000
Subject: [PATCH 1/3] Fix ts warnings + add husky + configs for formatting

---
 .husky/pre-commit                        |   5 +
 .prettierrc.json                         |   8 +-
 package.json                             |  16 +-
 src/app/(frontend)/posts/[slug]/page.tsx | 138 ++--
 src/components/ArticleAnalyser/index.tsx | 863 ++++++++++++-----------
 src/heros/PostHero/index.tsx             |  58 +-
 src/utilities/generateMeta.ts            |  51 +-
 src/utilities/generateStructuredData.ts  |  52 +-
 yarn.lock                                | 309 +++++++-
 9 files changed, 913 insertions(+), 587 deletions(-)
 create mode 100755 .husky/pre-commit

diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100755
index 0000000..2dde9c6
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run type-check
+npx lint-staged
\ No newline at end of file
diff --git a/.prettierrc.json b/.prettierrc.json
index 55c1c51..15c2561 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,7 +1,9 @@
 {
-  "singleQuote": true,
-  "trailingComma": "all",
   "printWidth": 100,
-  "semi": false,
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false,
   "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/package.json b/package.json
index 54f02da..eb2c641 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,15 @@
     "start": "cross-env NODE_OPTIONS=--no-deprecation next start",
     "seed": "payload run ./scripts/seed-blog-posts.ts",
     "getCategories": "payload run ./scripts/getCategories.ts",
-    "test": "jest --watch"
+    "test": "jest --watch",
+    "prepare": "husky install",
+    "type-check": "tsc --noEmit"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ]
   },
   "dependencies": {
     "@faceless-ui/modal": "3.0.0",
@@ -73,6 +81,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/d3": "^7",
     "@types/escape-html": "^1.0.2",
+    "@types/eslint-plugin-tailwindcss": "^3",
     "@types/gtag.js": "^0.0.20",
     "@types/jest": "^29.5.14",
     "@types/node": "22.5.4",
@@ -84,10 +93,13 @@
     "copyfiles": "^2.4.1",
     "eslint": "^9.16.0",
     "eslint-config-next": "15.1.5",
+    "eslint-plugin-tailwindcss": "^3.18.2",
+    "husky": "^8.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^16.2.7",
     "postcss": "^8.4.38",
-    "prettier": "^3.4.2",
+    "prettier": "^3.8.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
diff --git a/src/app/(frontend)/posts/[slug]/page.tsx b/src/app/(frontend)/posts/[slug]/page.tsx
index 8b58c62..d0bc0ed 100644
--- a/src/app/(frontend)/posts/[slug]/page.tsx
+++ b/src/app/(frontend)/posts/[slug]/page.tsx
@@ -1,30 +1,31 @@
-import type { Metadata } from 'next'
-
-import Link from 'next/link'
-import { RelatedPosts } from '@/blocks/RelatedPosts/Component'
-import { PayloadRedirects } from '@/components/PayloadRedirects'
-import configPromise from '@payload-config'
-import { getPayload } from 'payload'
-import { draftMode } from 'next/headers'
-import React, { cache } from 'react'
-import RichText from '@/components/RichText'
-
-import type { Post } from '@/payload-types'
-
-import { PostHero } from '@/heros/PostHero'
-import { generateMeta } from '@/utilities/generateMeta'
+import type { Metadata } from 'next';
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { RelatedPosts } from '@/blocks/RelatedPosts/Component';
+import { PayloadRedirects } from '@/components/PayloadRedirects';
+import configPromise from '@payload-config';
+import { getPayload } from 'payload';
+import { draftMode } from 'next/headers';
+import React, { cache } from 'react';
+import RichText from '@/components/RichText';
+
+import type { Post } from '@/payload-types';
+
+import { PostHero } from '@/heros/PostHero';
+import { generateMeta } from '@/utilities/generateMeta';
 import {
   generateArticleStructuredData,
   generateBreadcrumbStructuredData,
-} from '@/utilities/generateStructuredData'
-import PageClient from './page.client'
-import { LivePreviewListener } from '@/components/LivePreviewListener'
+} from '@/utilities/generateStructuredData';
+import PageClient from './page.client';
+import { LivePreviewListener } from '@/components/LivePreviewListener';
 
 // Enable ISR - revalidate every 60 seconds in production
-export const revalidate = 60
+export const revalidate = 60;
 
 export async function generateStaticParams() {
-  const payload = await getPayload({ config: configPromise })
+  const payload = await getPayload({ config: configPromise });
   const posts = await payload.find({
     collection: 'posts',
     draft: false,
@@ -34,57 +35,57 @@ export async function generateStaticParams() {
     select: {
       slug: true,
     },
-  })
+  });
 
   const params = posts.docs.map(({ slug }) => {
-    return { slug }
-  })
+    return { slug };
+  });
 
-  return params
+  return params;
 }
 
 type Args = {
   params: Promise<{
-    slug?: string
-  }>
-}
+    slug?: string;
+  }>;
+};
 
 export default async function Post({ params: paramsPromise }: Args) {
-  const { isEnabled: draft } = await draftMode()
-  const { slug = '' } = await paramsPromise
-  const url = '/posts/' + slug
-  const post = await queryPostBySlug({ slug })
+  const { isEnabled: draft } = await draftMode();
+  const { slug = '' } = await paramsPromise;
+  const url = '/posts/' + slug;
+  const post = await queryPostBySlug({ slug });
 
-  if (!post) return <PayloadRedirects url={url} />
+  if (!post) return <PayloadRedirects url={url} />;
 
   // Fetch related posts by category
-  const firstCategory = post.categories?.[0]
-  const categoryId = typeof firstCategory === 'object' ? firstCategory?.id : null
+  const firstCategory = post.categories?.[0];
+  const categoryId = typeof firstCategory === 'object' ? firstCategory?.id : null;
   const categoryBasedPosts = categoryId
     ? await queryPostsByCategory({ categoryId, excludeSlug: slug })
-    : []
+    : [];
 
   // Generate structured data for SEO
-  const articleStructuredData = generateArticleStructuredData(post)
+  const articleStructuredData = generateArticleStructuredData(post);
 
   const breadcrumbItems = [
     { name: 'Home', url: '/' },
     { name: 'Articles', url: '/posts' },
-  ]
+  ];
 
   if (post.categories && post.categories.length > 0) {
-    const firstCategory = post.categories[0]
+    const firstCategory = post.categories[0];
     if (typeof firstCategory === 'object' && firstCategory?.title) {
       breadcrumbItems.push({
         name: firstCategory.title,
         url: `/posts?category=${firstCategory.slug}`,
-      })
+      });
     }
   }
 
-  breadcrumbItems.push({ name: post.title, url: `/posts/${post.slug}` })
+  breadcrumbItems.push({ name: post.title, url: `/posts/${post.slug}` });
 
-  const breadcrumbStructuredData = generateBreadcrumbStructuredData(breadcrumbItems)
+  const breadcrumbStructuredData = generateBreadcrumbStructuredData(breadcrumbItems);
 
   return (
     <>
@@ -134,7 +135,7 @@ export default async function Post({ params: paramsPromise }: Args) {
                   href={post.url}
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="from-brand-magenta via-brand-violet to-brand-teal text-neutral-white group flex items-center justify-between gap-4 rounded-lg bg-gradient-to-r p-6 shadow-lg transition-all hover:opacity-90 hover:shadow-xl"
+                  className="group flex items-center justify-between gap-4 rounded-lg bg-gradient-to-r from-brand-magenta via-brand-violet to-brand-teal p-6 text-neutral-white shadow-lg transition-all hover:opacity-90 hover:shadow-xl"
                 >
                   <div className="flex items-center gap-3">
                     <svg
@@ -189,7 +190,7 @@ export default async function Post({ params: paramsPromise }: Args) {
             )}
 
             {/* Content container with optimal reading width */}
-            <div className="bg-neutral-white mx-auto max-w-[48rem] rounded-lg p-8 shadow-lg md:p-12">
+            <div className="mx-auto max-w-[48rem] rounded-lg bg-neutral-white p-8 shadow-lg md:p-12">
               {/* Article metadata for SEO */}
               <div className="mb-6 flex flex-wrap gap-4 border-b border-neutral-200 pb-6 text-sm text-neutral-600">
                 {post.updatedAt && post.updatedAt !== post.createdAt && (
@@ -245,9 +246,9 @@ export default async function Post({ params: paramsPromise }: Args) {
                           >
                             {category.title}
                           </a>
-                        )
+                        );
                       }
-                      return null
+                      return null;
                     })}
                   </div>
                 </div>
@@ -257,7 +258,7 @@ export default async function Post({ params: paramsPromise }: Args) {
             {/* Author bio section */}
             {post.populatedAuthors && post.populatedAuthors.length > 0 && (
               <div className="mx-auto mt-12 max-w-[48rem]">
-                <div className="bg-neutral-white rounded-lg p-6 shadow-lg md:p-8">
+                <div className="rounded-lg bg-neutral-white p-6 shadow-lg md:p-8">
                   <h3 className="mb-4 text-xl font-bold text-neutral-900">About the Author</h3>
                   {post.populatedAuthors.map((author, index) => {
                     if (author?.name) {
@@ -269,7 +270,7 @@ export default async function Post({ params: paramsPromise }: Args) {
                           itemType="https://schema.org/Person"
                         >
                           <div className="flex-shrink-0">
-                            <div className="from-brand-violet to-brand-magenta text-neutral-white flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-br text-xl font-bold">
+                            <div className="flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-br from-brand-violet to-brand-magenta text-xl font-bold text-neutral-white">
                               {author.name.charAt(0).toUpperCase()}
                             </div>
                           </div>
@@ -280,9 +281,9 @@ export default async function Post({ params: paramsPromise }: Args) {
                             <p className="mt-1 text-neutral-600">Contributor at Decentralizard</p>
                           </div>
                         </div>
-                      )
+                      );
                     }
-                    return null
+                    return null;
                   })}
                 </div>
               </div>
@@ -300,14 +301,15 @@ export default async function Post({ params: paramsPromise }: Args) {
                     <Link
                       key={relatedPost.id}
                       href={`/posts/${relatedPost.slug}`}
-                      className="bg-neutral-white group overflow-hidden rounded-lg shadow-md transition-all hover:shadow-lg"
+                      className="group overflow-hidden rounded-lg bg-neutral-white shadow-md transition-all hover:shadow-lg"
                     >
                       {relatedPost.heroImage && typeof relatedPost.heroImage === 'object' && (
-                        <div className="aspect-video overflow-hidden bg-neutral-200">
-                          <img
+                        <div className="relative aspect-video overflow-hidden bg-neutral-200">
+                          <Image
                             src={relatedPost.heroImage.url || ''}
                             alt={relatedPost.title}
-                            className="h-full w-full object-cover transition-transform group-hover:scale-105"
+                            fill
+                            className="object-cover transition-transform group-hover:scale-105"
                           />
                         </div>
                       )}
@@ -343,20 +345,20 @@ export default async function Post({ params: paramsPromise }: Args) {
         </div>
       </article>
     </>
-  )
+  );
 }
 
 export async function generateMetadata({ params: paramsPromise }: Args): Promise<Metadata> {
-  const { slug = '' } = await paramsPromise
-  const post = await queryPostBySlug({ slug })
+  const { slug = '' } = await paramsPromise;
+  const post = await queryPostBySlug({ slug });
 
-  return generateMeta({ doc: post })
+  return generateMeta({ doc: post });
 }
 
 const queryPostBySlug = cache(async ({ slug }: { slug: string }) => {
-  const { isEnabled: draft } = await draftMode()
+  const { isEnabled: draft } = await draftMode();
 
-  const payload = await getPayload({ config: configPromise })
+  const payload = await getPayload({ config: configPromise });
 
   const result = await payload.find({
     collection: 'posts',
@@ -370,16 +372,16 @@ const queryPostBySlug = cache(async ({ slug }: { slug: string }) => {
         equals: slug,
       },
     },
-  })
+  });
 
-  return result.docs?.[0] || null
-})
+  return result.docs?.[0] || null;
+});
 
 const queryPostsByCategory = cache(
   async ({ categoryId, excludeSlug }: { categoryId: number; excludeSlug: string }) => {
-    const { isEnabled: draft } = await draftMode()
+    const { isEnabled: draft } = await draftMode();
 
-    const payload = await getPayload({ config: configPromise })
+    const payload = await getPayload({ config: configPromise });
 
     const result = await payload.find({
       collection: 'posts',
@@ -402,8 +404,8 @@ const queryPostsByCategory = cache(
           },
         ],
       },
-    })
+    });
 
-    return result.docs || []
-  },
-)
+    return result.docs || [];
+  }
+);
diff --git a/src/components/ArticleAnalyser/index.tsx b/src/components/ArticleAnalyser/index.tsx
index a969b20..df59070 100644
--- a/src/components/ArticleAnalyser/index.tsx
+++ b/src/components/ArticleAnalyser/index.tsx
@@ -1,39 +1,39 @@
-'use client'
-
-import React, { useState, useEffect, useMemo, useRef, FC } from 'react'
-import * as d3 from 'd3'
-import Image from 'next/image'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-
-import { Post, Media as MediaType } from '@/payload-types'
-import { PostWithMetrics, HierarchyNode, SizeMetric } from './types'
-import { useCanvasStore } from '@/store/useCanvasStore'
-import { cn } from '@/utilities/ui'
+'use client';
+
+import React, { useState, useEffect, useMemo, useRef, FC } from 'react';
+import * as d3 from 'd3';
+import Image from 'next/image';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+
+import { Post, Media as MediaType } from '@/payload-types';
+import { PostWithMetrics, HierarchyNode, SizeMetric } from './types';
+import { useCanvasStore } from '@/store/useCanvasStore';
+import { cn } from '@/utilities/ui';
 // Media component available if needed for future use
-import { getClientSideURL } from '@/utilities/getURL'
-import { CategoryPill } from '../CateoryPill'
+import { getClientSideURL } from '@/utilities/getURL';
+import { CategoryPill } from '../CateoryPill';
 
-const headerHeight = 60
+const headerHeight = 60;
 
-type MobileViewType = 'default' | 'wba'
-const TARGET_NODE_COUNT = 40 // Target number of articles to display at any zoom level
+type MobileViewType = 'default' | 'wba';
+const TARGET_NODE_COUNT = 40; // Target number of articles to display at any zoom level
 
 // Simple seeded random number generator for consistent SSR/client results
 const seededRandom = (seed: number) => {
-  const x = Math.sin(seed) * 10000
-  return x - Math.floor(x)
-}
+  const x = Math.sin(seed) * 10000;
+  return x - Math.floor(x);
+};
 
 /**
  * A helper function that returns a shade of the base color.
  * The variation controls how much we brighten/darken.
  */
 function getShade(baseColor: string, value: number, max: number, variation: number = 2): string {
-  const t = max > 0 ? value / max : 0
-  const brighter = d3.color(baseColor)?.brighter(variation).formatHex() || baseColor
-  const darker = d3.color(baseColor)?.darker(variation).formatHex() || baseColor
-  return d3.interpolateLab(brighter, darker)(t)
+  const t = max > 0 ? value / max : 0;
+  const brighter = d3.color(baseColor)?.brighter(variation).formatHex() || baseColor;
+  const darker = d3.color(baseColor)?.darker(variation).formatHex() || baseColor;
+  return d3.interpolateLab(brighter, darker)(t);
 }
 
 /*––––––––––––––––––––––––––––––––––––––
@@ -44,7 +44,7 @@ function getShade(baseColor: string, value: number, max: number, variation: numb
  * A simple search input that accepts text and calls onChange.
  * Supports 'light' and 'dark' variants for different themes.
  */
-type SearchVariant = 'light' | 'dark'
+type SearchVariant = 'light' | 'dark';
 
 const searchVariantStyles: Record<
   SearchVariant,
@@ -64,15 +64,15 @@ const searchVariantStyles: Record<
       'flex-1 bg-transparent text-sm text-neutral-white placeholder:text-neutral-300 focus:outline-none',
     filterBtn: 'rounded-lg bg-[#2d333b] p-2 hover:bg-[#3d434b] transition-colors',
   },
-}
+};
 
 const SearchInput: FC<{
-  value: string
-  onChange: (value: string) => void
-  variant?: SearchVariant
-  placeholder?: string
+  value: string;
+  onChange: (value: string) => void;
+  variant?: SearchVariant;
+  placeholder?: string;
 }> = ({ value, onChange, variant = 'light', placeholder = 'Search articles by title...' }) => {
-  const styles = searchVariantStyles[variant]
+  const styles = searchVariantStyles[variant];
 
   if (variant === 'dark') {
     return (
@@ -115,7 +115,7 @@ const SearchInput: FC<{
           </svg>
         </button> */}
       </div>
-    )
+    );
   }
 
   // Light variant (original style)
@@ -150,16 +150,16 @@ const SearchInput: FC<{
         aria-label={placeholder}
       />
     </div>
-  )
-}
+  );
+};
 
 /*––––––––––––––––––––––––––––––––––––––
   VIEW TOGGLE COMPONENT
 –––––––––––––––––––––––––––––––––––––––––*/
 
 const ViewToggle: FC<{
-  activeView: MobileViewType
-  onViewChange: (view: MobileViewType) => void
+  activeView: MobileViewType;
+  onViewChange: (view: MobileViewType) => void;
 }> = ({ activeView, onViewChange }) => {
   return (
     <div className="flex h-10 items-center rounded-lg bg-neutral-800 p-1">
@@ -167,7 +167,7 @@ const ViewToggle: FC<{
         onClick={() => onViewChange('default')}
         className={cn(
           'flex h-8 items-center justify-center gap-1 rounded-md px-3 transition-all',
-          activeView === 'default' ? 'bg-neutral-700' : 'bg-transparent hover:bg-neutral-700',
+          activeView === 'default' ? 'bg-neutral-700' : 'bg-transparent hover:bg-neutral-700'
         )}
         aria-label="Default view"
       >
@@ -175,19 +175,19 @@ const ViewToggle: FC<{
           <div
             className={cn(
               'h-5 w-[4px] rounded-sm transition-colors',
-              activeView === 'default' ? 'bg-brand-teal' : 'bg-neutral-500',
+              activeView === 'default' ? 'bg-brand-teal' : 'bg-neutral-500'
             )}
           />
           <div
             className={cn(
               'h-5 w-[4px] rounded-sm transition-colors',
-              activeView === 'default' ? 'bg-brand-teal' : 'bg-neutral-500',
+              activeView === 'default' ? 'bg-brand-teal' : 'bg-neutral-500'
             )}
           />
           <div
             className={cn(
               'h-5 w-[4px] rounded-sm transition-colors',
-              activeView === 'default' ? 'bg-brand-teal' : 'bg-neutral-500',
+              activeView === 'default' ? 'bg-brand-teal' : 'bg-neutral-500'
             )}
           />
         </div>
@@ -196,7 +196,7 @@ const ViewToggle: FC<{
         onClick={() => onViewChange('wba')}
         className={cn(
           'flex h-8 items-center justify-center gap-1 rounded-md px-3 transition-all',
-          activeView === 'wba' ? 'bg-neutral-700' : 'bg-transparent hover:bg-neutral-700',
+          activeView === 'wba' ? 'bg-neutral-700' : 'bg-transparent hover:bg-neutral-700'
         )}
         aria-label="WBA view"
       >
@@ -207,7 +207,7 @@ const ViewToggle: FC<{
           fill="none"
           className={cn(
             'transition-colors',
-            activeView === 'wba' ? 'text-brand-teal' : 'text-neutral-500',
+            activeView === 'wba' ? 'text-brand-teal' : 'text-neutral-500'
           )}
         >
           <rect x="1" y="1" width="6" height="6" rx="1" fill="currentColor" />
@@ -217,18 +217,18 @@ const ViewToggle: FC<{
         </svg>
       </button>
     </div>
-  )
-}
+  );
+};
 
 /*––––––––––––––––––––––––––––––––––––––
   NEW CARD-BASED MOBILE VIEW (Default)
 –––––––––––––––––––––––––––––––––––––––––*/
 
 const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
-  const router = useRouter()
-  const [loadingSlug, setLoadingSlug] = useState<string | null>(null)
-  const [selectedCategory, setSelectedCategory] = useState<string>('All Feeds')
-  const [searchQuery, setSearchQuery] = useState<string>('')
+  const router = useRouter();
+  const [loadingSlug, setLoadingSlug] = useState<string | null>(null);
+  const [selectedCategory, setSelectedCategory] = useState<string>('All Feeds');
+  const [searchQuery, setSearchQuery] = useState<string>('');
 
   // Mock data for stats ticker
   const mockStats = {
@@ -236,67 +236,67 @@ const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
     aqi: 42,
     aqiStatus: 'GOOD',
     newNodes: 8,
-  }
+  };
 
   // Get unique categories from posts
   const categories = useMemo(() => {
-    const cats = new Set<string>()
+    const cats = new Set<string>();
     posts.forEach((post) => {
       if (post.category_titles && post.category_titles.length > 0) {
-        post.category_titles.forEach((cat) => cats.add(cat))
+        post.category_titles.forEach((cat) => cats.add(cat));
       }
-    })
-    return ['All Feeds', ...Array.from(cats)]
-  }, [posts])
+    });
+    return ['All Feeds', ...Array.from(cats)];
+  }, [posts]);
 
   // Filter posts by category and search query
   const filteredPosts = useMemo(() => {
-    let result = posts
+    let result = posts;
 
     // Filter by category
     if (selectedCategory !== 'All Feeds') {
       result = result.filter(
-        (post) => post.category_titles && post.category_titles.includes(selectedCategory),
-      )
+        (post) => post.category_titles && post.category_titles.includes(selectedCategory)
+      );
     }
 
     // Filter by search query
     if (searchQuery.trim()) {
-      const query = searchQuery.toLowerCase()
+      const query = searchQuery.toLowerCase();
       result = result.filter(
         (post) =>
           post.title.toLowerCase().includes(query) ||
-          post.shortDescription?.toLowerCase().includes(query),
-      )
+          post.shortDescription?.toLowerCase().includes(query)
+      );
     }
 
-    return result
-  }, [posts, selectedCategory, searchQuery])
+    return result;
+  }, [posts, selectedCategory, searchQuery]);
 
   const handleArticleClick = (post: Post, e: React.MouseEvent) => {
     if (post.slug) {
-      e.preventDefault()
-      setLoadingSlug(post.slug)
+      e.preventDefault();
+      setLoadingSlug(post.slug);
       window.gtag?.('event', 'article_click', {
         event_category: post.category_titles?.[0] || 'Uncategorized',
         event_label: post.title,
         event_link: `/posts/${post.slug}`,
         transport_type: 'beacon',
-      })
-      router.push(`/posts/${post.slug}`)
+      });
+      router.push(`/posts/${post.slug}`);
     }
-  }
+  };
 
   const getImageUrl = (post: Post): string | null => {
     if (post.heroImage && typeof post.heroImage === 'object') {
-      const media = post.heroImage as MediaType
+      const media = post.heroImage as MediaType;
       if (media.url) {
-        return `${getClientSideURL()}${media.url}`
+        return `${getClientSideURL()}${media.url}`;
       }
     }
     // Use placeholder if no hero image
-    return '/images/future1.webp'
-  }
+    return '/images/future1.webp';
+  };
 
   return (
     <div
@@ -311,9 +311,9 @@ const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
           <span className="text-xs font-medium text-green-400">{mockStats.gridOutput}</span>
         </div>
         <div className="flex items-center gap-1">
-          <span className="bg-brand-teal h-2 w-2 rounded-full" />
+          <span className="h-2 w-2 rounded-full bg-brand-teal" />
           <span className="text-xs text-neutral-400">AQI:</span>
-          <span className="text-brand-teal text-xs font-medium">
+          <span className="text-xs font-medium text-brand-teal">
             {mockStats.aqi} ({mockStats.aqiStatus})
           </span>
         </div>
@@ -399,19 +399,19 @@ const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
 
       {/* Latest Transmissions Header */}
       <div className="px-4 pb-3">
-        <h3 className="text-neutral-white text-lg font-semibold">Latest Transmissions</h3>
+        <h3 className="text-lg font-semibold text-neutral-white">Latest Transmissions</h3>
       </div>
 
       {/* Article Cards */}
       <div className="flex flex-col gap-4 px-4 pb-24">
         {filteredPosts.map((post) => {
-          const imageUrl = getImageUrl(post)
+          const imageUrl = getImageUrl(post);
           return (
             <Link
               key={post.id}
               href={post.slug ? `/posts/${post.slug}` : '#'}
               onClick={(e) => handleArticleClick(post, e)}
-              className="bg-neutral-850 group relative overflow-hidden rounded-xl no-underline transition-all hover:bg-neutral-800"
+              className="group relative overflow-hidden rounded-xl bg-neutral-850 no-underline transition-all hover:bg-neutral-800"
             >
               {loadingSlug === post.slug && (
                 <div className="bg-neutral-black/50 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm">
@@ -427,7 +427,7 @@ const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
                   fill
                   className="object-cover transition-transform group-hover:scale-105"
                 />
-                <div className="from-neutral-850 absolute inset-0 bg-gradient-to-t via-transparent to-transparent" />
+                <div className="absolute inset-0 bg-gradient-to-t from-neutral-850 via-transparent to-transparent" />
 
                 {/* Category Badges - positioned 10px from bottom of image */}
                 {post.category_titles && post.category_titles.length > 0 && (
@@ -441,9 +441,8 @@ const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
 
               {/* Card Content */}
               <div className="relative p-4 pt-3">
-
                 {/* Title */}
-                <h4 className="text-neutral-white mb-2 line-clamp-2 text-base font-semibold">
+                <h4 className="mb-2 line-clamp-2 text-base font-semibold text-neutral-white">
                   {post.title.replace(/\n\s*/g, ' ')}
                 </h4>
 
@@ -453,25 +452,25 @@ const CardMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
                 )}
               </div>
             </Link>
-          )
+          );
         })}
       </div>
     </div>
-  )
-}
+  );
+};
 
 /*––––––––––––––––––––––––––––––––––––––
   ARTICLE ANALYZER – TREEMAP (Snippet 2)
 –––––––––––––––––––––––––––––––––––––––––*/
 
 export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
-  const router = useRouter()
-  const canvasRef = useRef<HTMLCanvasElement>(null)
-  const tooltipRef = useRef<HTMLDivElement>(null)
-  const [sizeMetric] = useState<SizeMetric>('clicks')
-  const [postsWithMetrics, setPostsWithMetrics] = useState<PostWithMetrics[]>([])
-  const [isNavigating, setIsNavigating] = useState(false)
-  const [clickedArticle, setClickedArticle] = useState<string | null>(null)
+  const router = useRouter();
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const tooltipRef = useRef<HTMLDivElement>(null);
+  const [sizeMetric] = useState<SizeMetric>('clicks');
+  const [postsWithMetrics, setPostsWithMetrics] = useState<PostWithMetrics[]>([]);
+  const [isNavigating, setIsNavigating] = useState(false);
+  const [clickedArticle, setClickedArticle] = useState<string | null>(null);
 
   // Store the current zoom state
   const [zoomState, setZoomState] = useState({
@@ -479,21 +478,21 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
     centerX: 0,
     centerY: 0,
     visibleRegion: { x: 0, y: 0, width: 0, height: 0 },
-  })
+  });
 
   // Cache the treemap nodes after layout computation
-  const treemapNodesRef = useRef<d3.HierarchyRectangularNode<HierarchyNode>[]>([])
-  const allNodesRef = useRef<d3.HierarchyRectangularNode<HierarchyNode>[]>([])
+  const treemapNodesRef = useRef<d3.HierarchyRectangularNode<HierarchyNode>[]>([]);
+  const allNodesRef = useRef<d3.HierarchyRectangularNode<HierarchyNode>[]>([]);
 
   // For hover interactions
   const [hoveredNode, setHoveredNode] = useState<d3.HierarchyRectangularNode<HierarchyNode> | null>(
-    null,
-  )
-  const { dimensions, setDimensions } = useCanvasStore()
-  const [isTransitioning, setIsTransitioning] = useState(false)
+    null
+  );
+  const { dimensions, setDimensions } = useCanvasStore();
+  const [isTransitioning, setIsTransitioning] = useState(false);
 
   // Track the full hierarchy data
-  const hierarchyRootRef = useRef<d3.HierarchyNode<HierarchyNode> | null>(null)
+  const hierarchyRootRef = useRef<d3.HierarchyNode<HierarchyNode> | null>(null);
 
   // Set up canvas dimensions
   useEffect(() => {
@@ -501,37 +500,37 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
       setDimensions({
         width: window.innerWidth,
         height: window.innerHeight - headerHeight,
-      })
-    }
-    handleResize()
-    window.addEventListener('resize', handleResize)
-    return () => window.removeEventListener('resize', handleResize)
-  }, [setDimensions])
+      });
+    };
+    handleResize();
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, [setDimensions]);
 
   // Enrich posts with deterministic metrics (consistent across SSR and client)
   useEffect(() => {
     const enriched = posts.map((post) => {
       // Use post ID as seed for consistent random values
-      const seed = typeof post.id === 'number' ? post.id : parseInt(String(post.id), 10) || 0
-      const clicks = Math.floor(seededRandom(seed) * 2000) + 100
-      const uniqueClicks = Math.floor(clicks * (0.7 + seededRandom(seed + 1) * 0.2))
-      const clickRate = +((uniqueClicks / clicks) * 10 + seededRandom(seed + 2) * 2).toFixed(1)
-      return { ...post, clicks, uniqueClicks, clickRate }
-    })
-    setPostsWithMetrics(enriched)
-  }, [posts])
+      const seed = typeof post.id === 'number' ? post.id : parseInt(String(post.id), 10) || 0;
+      const clicks = Math.floor(seededRandom(seed) * 2000) + 100;
+      const uniqueClicks = Math.floor(clicks * (0.7 + seededRandom(seed + 1) * 0.2));
+      const clickRate = +((uniqueClicks / clicks) * 10 + seededRandom(seed + 2) * 2).toFixed(1);
+      return { ...post, clicks, uniqueClicks, clickRate };
+    });
+    setPostsWithMetrics(enriched);
+  }, [posts]);
 
   // Build hierarchical data for the treemap
   const hierarchyData: HierarchyNode = useMemo(() => {
-    const categorized: Record<string, PostWithMetrics[]> = {}
+    const categorized: Record<string, PostWithMetrics[]> = {};
     postsWithMetrics.forEach((post) => {
       const category =
         post.category_titles && post.category_titles.length > 0
           ? post.category_titles[0]
-          : 'Uncategorized'
-      if (!categorized[category]) categorized[category] = []
-      categorized[category].push(post)
-    })
+          : 'Uncategorized';
+      if (!categorized[category]) categorized[category] = [];
+      categorized[category].push(post);
+    });
     return {
       name: 'Articles',
       children: Object.keys(categorized).map((category) => ({
@@ -545,82 +544,82 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
           id: post.id,
         })),
       })),
-    }
-  }, [postsWithMetrics])
+    };
+  }, [postsWithMetrics]);
 
   // Limit articles to target density
   const limitArticlesToTargetDensity = (
     nodes: d3.HierarchyRectangularNode<HierarchyNode>[],
     targetCount: number,
-    zoomScale: number,
+    zoomScale: number
   ) => {
     // If we have fewer nodes than target, return all of them
-    if (nodes.length <= targetCount) return nodes
+    if (nodes.length <= targetCount) return nodes;
 
     // Filter for leaf nodes (articles) and category nodes
-    const categoryNodes = nodes.filter((n) => n.depth === 1)
-    const leafNodes = nodes.filter((n) => !n.children && n.depth > 1)
+    const categoryNodes = nodes.filter((n) => n.depth === 1);
+    const leafNodes = nodes.filter((n) => !n.children && n.depth > 1);
 
     if (leafNodes.length <= targetCount) {
       // If we have fewer leaf nodes than target, return all categories and leaves
-      return [...categoryNodes, ...leafNodes]
+      return [...categoryNodes, ...leafNodes];
     }
 
     // When highly zoomed in, prioritize visible articles with higher values
     if (zoomScale > 2) {
-      const sortedLeaves = [...leafNodes].sort((a, b) => (b.value || 0) - (a.value || 0))
-      return [...categoryNodes, ...sortedLeaves.slice(0, targetCount - categoryNodes.length)]
+      const sortedLeaves = [...leafNodes].sort((a, b) => (b.value || 0) - (a.value || 0));
+      return [...categoryNodes, ...sortedLeaves.slice(0, targetCount - categoryNodes.length)];
     }
 
     // When moderately zoomed, group smaller articles by their parent category
     const topLeaves = leafNodes
       .sort((a, b) => (b.value || 0) - (a.value || 0))
-      .slice(0, Math.floor(targetCount * 0.7))
+      .slice(0, Math.floor(targetCount * 0.7));
 
     // The rest can be represented as aggregated nodes
     const remainingLeaves = leafNodes
       .sort((a, b) => (b.value || 0) - (a.value || 0))
-      .slice(Math.floor(targetCount * 0.7))
+      .slice(Math.floor(targetCount * 0.7));
 
     // Group by parent category
-    const groupedByCat: Record<string, d3.HierarchyRectangularNode<HierarchyNode>[]> = {}
+    const groupedByCat: Record<string, d3.HierarchyRectangularNode<HierarchyNode>[]> = {};
     remainingLeaves.forEach((node) => {
-      const category = node.parent?.data.name || 'Uncategorized'
-      if (!groupedByCat[category]) groupedByCat[category] = []
-      groupedByCat[category].push(node)
-    })
+      const category = node.parent?.data.name || 'Uncategorized';
+      if (!groupedByCat[category]) groupedByCat[category] = [];
+      groupedByCat[category].push(node);
+    });
 
     // Return the categories, top leaves, and grouped nodes
-    return [...categoryNodes, ...topLeaves]
-  }
+    return [...categoryNodes, ...topLeaves];
+  };
 
   // Calculate which nodes to display based on visible region
   const getNodesInVisibleRegion = (zoomState: {
-    scale: number
-    centerX: number
-    centerY: number
-    visibleRegion: { x: number; y: number; width: number; height: number }
+    scale: number;
+    centerX: number;
+    centerY: number;
+    visibleRegion: { x: number; y: number; width: number; height: number };
   }) => {
-    if (!allNodesRef.current.length) return []
+    if (!allNodesRef.current.length) return [];
 
-    const { x, y, width, height } = zoomState.visibleRegion
+    const { x, y, width, height } = zoomState.visibleRegion;
 
     // Find nodes that intersect with the visible region
     const visibleNodes = allNodesRef.current.filter((node) => {
-      return node.x0 < x + width && node.x1 > x && node.y0 < y + height && node.y1 > y
-    })
+      return node.x0 < x + width && node.x1 > x && node.y0 < y + height && node.y1 > y;
+    });
 
     // Limit the number of nodes to a reasonable density
-    return limitArticlesToTargetDensity(visibleNodes, TARGET_NODE_COUNT, zoomState.scale)
-  }
+    return limitArticlesToTargetDensity(visibleNodes, TARGET_NODE_COUNT, zoomState.scale);
+  };
 
   // Compute treemap layout for visible nodes
   const computeVisibleTreemap = (visibleNodes: d3.HierarchyRectangularNode<HierarchyNode>[]) => {
-    if (!visibleNodes.length) return
+    if (!visibleNodes.length) return;
 
     // Get category nodes and leaf nodes
-    const categoryNodes = visibleNodes.filter((n) => n.depth === 1)
-    const leafNodes = visibleNodes.filter((n) => !n.children && n.depth > 1)
+    const categoryNodes = visibleNodes.filter((n) => n.depth === 1);
+    const leafNodes = visibleNodes.filter((n) => !n.children && n.depth > 1);
 
     // Create a new temporary hierarchy for layout
     const tempHierarchy: HierarchyNode = {
@@ -633,13 +632,13 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
             .map((leaf) => leaf.data),
         }))
         .filter((cat) => cat.children && cat.children.length > 0),
-    }
+    };
 
     // Create a new hierarchy and compute the treemap
     const root = d3
       .hierarchy<HierarchyNode>(tempHierarchy)
       .sum((d) => (!d.children ? d[sizeMetric] || 0 : 0))
-      .sort((a, b) => (b.value || 0) - (a.value || 0))
+      .sort((a, b) => (b.value || 0) - (a.value || 0));
 
     const treemapLayout = d3
       .treemap<HierarchyNode>()
@@ -647,25 +646,25 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
       .paddingOuter(3)
       .paddingTop(22)
       .paddingInner(1)
-      .round(true)
+      .round(true);
 
-    treemapLayout(root)
+    treemapLayout(root);
 
     // Store the new layout
-    treemapNodesRef.current = root.descendants() as d3.HierarchyRectangularNode<HierarchyNode>[]
-  }
+    treemapNodesRef.current = root.descendants() as d3.HierarchyRectangularNode<HierarchyNode>[];
+  };
 
   // Initial computation of the full treemap
   useEffect(() => {
-    if (!hierarchyData.children || hierarchyData.children.length === 0) return
+    if (!hierarchyData.children || hierarchyData.children.length === 0) return;
 
     // Create the full hierarchy
     const root = d3
       .hierarchy<HierarchyNode>(hierarchyData)
       .sum((d) => (!d.children ? d[sizeMetric] || 0 : 0))
-      .sort((a, b) => (b.value || 0) - (a.value || 0))
+      .sort((a, b) => (b.value || 0) - (a.value || 0));
 
-    hierarchyRootRef.current = root
+    hierarchyRootRef.current = root;
 
     // Compute the initial treemap for all nodes
     const treemapLayout = d3
@@ -674,13 +673,13 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
       .paddingOuter(3)
       .paddingTop(22)
       .paddingInner(1)
-      .round(true)
+      .round(true);
 
-    treemapLayout(root)
+    treemapLayout(root);
 
     // Store all nodes for reference
-    allNodesRef.current = root.descendants() as d3.HierarchyRectangularNode<HierarchyNode>[]
-    treemapNodesRef.current = allNodesRef.current
+    allNodesRef.current = root.descendants() as d3.HierarchyRectangularNode<HierarchyNode>[];
+    treemapNodesRef.current = allNodesRef.current;
 
     // Update visible region based on dimensions
     setZoomState((prev) => ({
@@ -691,225 +690,228 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
         width: dimensions.width,
         height: dimensions.height,
       },
-    }))
+    }));
 
     // After computing the layout, draw the treemap
-    draw()
-  }, [hierarchyData, sizeMetric, dimensions])
+    draw();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hierarchyData, sizeMetric, dimensions]);
 
   // When zoom state changes, recalculate visible nodes
   useEffect(() => {
-    if (allNodesRef.current.length === 0) return
+    if (allNodesRef.current.length === 0) return;
 
-    const visibleNodes = getNodesInVisibleRegion(zoomState)
+    const visibleNodes = getNodesInVisibleRegion(zoomState);
 
     if (zoomState.scale > 1.2) {
       // When zoomed in enough, compute a new treemap layout for just the visible nodes
-      computeVisibleTreemap(visibleNodes)
+      computeVisibleTreemap(visibleNodes);
     } else {
       // When at default zoom, use the full treemap
-      treemapNodesRef.current = allNodesRef.current
+      treemapNodesRef.current = allNodesRef.current;
     }
 
-    draw()
-  }, [zoomState])
+    draw();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [zoomState]);
 
   const renderConstants = useMemo(() => {
     if (!treemapNodesRef.current.length) {
-      return null
+      return null;
     }
-    const palette = ['#6A0DAD', '#228B22', '#FF5733', '#3498DB', '#F1C40F', '#9B59B6']
+    const palette = ['#6A0DAD', '#228B22', '#FF5733', '#3498DB', '#F1C40F', '#9B59B6'];
     const predefinedColors: Record<string, string> = {
       AI: palette[0],
       Earth: palette[1],
-    }
-    const categoryNodes = treemapNodesRef.current.filter((d) => d.depth === 1)
-    const allCategories = categoryNodes.map((d) => d.data.name)
-    const otherCategories = allCategories.filter((cat) => !(cat in predefinedColors))
+    };
+    const categoryNodes = treemapNodesRef.current.filter((d) => d.depth === 1);
+    const allCategories = categoryNodes.map((d) => d.data.name);
+    const otherCategories = allCategories.filter((cat) => !(cat in predefinedColors));
     const ordinal = d3
       .scaleOrdinal<string, string>()
       .domain(otherCategories)
-      .range(palette.slice(2))
-    const categoryMax: Record<string, number> = {}
+      .range(palette.slice(2));
+    const categoryMax: Record<string, number> = {};
     categoryNodes.forEach((catNode) => {
-      let maxVal = 0
+      let maxVal = 0;
       catNode.leaves().forEach((leaf) => {
-        maxVal = Math.max(maxVal, leaf.data[sizeMetric] || 0)
-      })
-      categoryMax[catNode.data.name] = maxVal
-    })
-    return { palette, predefinedColors, categoryNodes, ordinal, categoryMax }
+        maxVal = Math.max(maxVal, leaf.data[sizeMetric] || 0);
+      });
+      categoryMax[catNode.data.name] = maxVal;
+    });
+    return { palette, predefinedColors, categoryNodes, ordinal, categoryMax };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [treemapNodesRef.current.length, sizeMetric])
+  }, [treemapNodesRef.current.length, sizeMetric]);
 
   // Optimize the canvas setup
   useEffect(() => {
-    const canvas = canvasRef.current
-    if (!canvas) return
+    const canvas = canvasRef.current;
+    if (!canvas) return;
 
-    const dpr = window.devicePixelRatio || 1
-    canvas.width = dimensions.width * dpr
-    canvas.height = dimensions.height * dpr
-    canvas.style.width = `${dimensions.width}px`
-    canvas.style.height = `${dimensions.height}px`
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dimensions.width * dpr;
+    canvas.height = dimensions.height * dpr;
+    canvas.style.width = `${dimensions.width}px`;
+    canvas.style.height = `${dimensions.height}px`;
 
-    const context = canvas.getContext('2d')
+    const context = canvas.getContext('2d');
     if (context) {
-      context.scale(dpr, dpr)
+      context.scale(dpr, dpr);
     }
-  }, [dimensions])
+  }, [dimensions]);
 
   // Draw the treemap
   const draw = () => {
-    const canvas = canvasRef.current
-    if (!canvas) return
+    const canvas = canvasRef.current;
+    if (!canvas) return;
 
-    const context = canvas.getContext('2d')
-    if (!context) return
+    const context = canvas.getContext('2d');
+    if (!context) return;
 
-    context.save()
-    context.clearRect(0, 0, canvas.width, canvas.height)
+    context.save();
+    context.clearRect(0, 0, canvas.width, canvas.height);
 
-    const rc = renderConstants
+    const rc = renderConstants;
     if (!rc) {
-      context.restore()
-      return
+      context.restore();
+      return;
     }
-    const { predefinedColors, ordinal, categoryMax } = rc
+    const { predefinedColors, ordinal, categoryMax } = rc;
 
     treemapNodesRef.current.forEach((d) => {
       const x = d.x0,
         y = d.y0,
         w = d.x1 - d.x0,
-        h = d.y1 - d.y0
-      if (w <= 0 || h <= 0) return
+        h = d.y1 - d.y0;
+      if (w <= 0 || h <= 0) return;
 
       // Use different fills based on node type
       if (d.children) {
         // Category node with a colored background
-        const categoryName = d.data.name
-        const baseColor = predefinedColors[categoryName] || ordinal(categoryName) || '#333333'
-        context.fillStyle = d3.color(baseColor)?.copy({ opacity: 0.7 })?.toString() || baseColor
+        const categoryName = d.data.name;
+        const baseColor = predefinedColors[categoryName] || ordinal(categoryName) || '#333333';
+        context.fillStyle = d3.color(baseColor)?.copy({ opacity: 0.7 })?.toString() || baseColor;
       } else {
         // Article node
-        const cat = d.parent?.data.name || 'Uncategorized'
-        const baseColor = predefinedColors[cat] || ordinal(cat)
-        const maxVal = categoryMax[cat] || 1
-        context.fillStyle = getShade(baseColor, d.data[sizeMetric] || 0, maxVal)
+        const cat = d.parent?.data.name || 'Uncategorized';
+        const baseColor = predefinedColors[cat] || ordinal(cat);
+        const maxVal = categoryMax[cat] || 1;
+        context.fillStyle = getShade(baseColor, d.data[sizeMetric] || 0, maxVal);
       }
 
-      context.strokeStyle = '#fff'
-      context.lineWidth = 1
-      context.beginPath()
-      context.rect(x, y, w, h)
-      context.fill()
-      context.stroke()
+      context.strokeStyle = '#fff';
+      context.lineWidth = 1;
+      context.beginPath();
+      context.rect(x, y, w, h);
+      context.fill();
+      context.stroke();
 
       if (hoveredNode === d) {
-        context.save()
+        context.save();
         const lighterFill =
-          d3.color(context.fillStyle)?.brighter(0.8).formatHex() || context.fillStyle
-        context.fillStyle = lighterFill
-        context.fillRect(x, y, w, h)
-        context.restore()
+          d3.color(context.fillStyle)?.brighter(0.8).formatHex() || context.fillStyle;
+        context.fillStyle = lighterFill;
+        context.fillRect(x, y, w, h);
+        context.restore();
       }
 
       // Draw text based on available space
       if (d.children) {
         // Category nodes
         if (w > 50 && h > 25) {
-          context.font = 'bold 14px "Rubik"'
-          context.textBaseline = 'top'
-          context.fillStyle = '#fff'
+          context.font = 'bold 14px "Rubik"';
+          context.textBaseline = 'top';
+          context.fillStyle = '#fff';
 
-          let catText = d.data.name || ''
+          let catText = d.data.name || '';
           while (context.measureText(catText).width > w - 10 && catText.length > 1) {
-            catText = catText.slice(0, -1)
+            catText = catText.slice(0, -1);
           }
-          if (catText !== d.data.name) catText += '...'
-          context.fillText(catText, x + 5, y + 5)
+          if (catText !== d.data.name) catText += '...';
+          context.fillText(catText, x + 5, y + 5);
         }
       } else {
         // Article nodes - size-based rendering
         if (w > 80 && h > 45) {
           // Large articles - show title and value
-          context.font = '12px "Rubik"'
-          context.textBaseline = 'top'
-          context.fillStyle = '#fff'
+          context.font = '12px "Rubik"';
+          context.textBaseline = 'top';
+          context.fillStyle = '#fff';
 
-          let text = d.data.name || ''
+          let text = d.data.name || '';
           while (context.measureText(text).width > w - 10 && text.length > 1) {
-            text = text.slice(0, -1)
+            text = text.slice(0, -1);
           }
-          if (text !== d.data.name) text += '...'
-          context.fillText(text, x + 5, y + 5)
-
-          context.font = '10px "Rubik"'
-          const value = d.data[sizeMetric]
-          const valueText = sizeMetric === 'clickRate' ? `${value}%` : value?.toLocaleString() || ''
-          context.fillText(valueText, x + 5, y + 20)
+          if (text !== d.data.name) text += '...';
+          context.fillText(text, x + 5, y + 5);
+
+          context.font = '10px "Rubik"';
+          const value = d.data[sizeMetric];
+          const valueText =
+            sizeMetric === 'clickRate' ? `${value}%` : value?.toLocaleString() || '';
+          context.fillText(valueText, x + 5, y + 20);
         } else if (w > 40 && h > 25) {
           // Medium articles - just show title
-          context.font = '11px "Rubik"'
-          context.textBaseline = 'top'
-          context.fillStyle = '#fff'
+          context.font = '11px "Rubik"';
+          context.textBaseline = 'top';
+          context.fillStyle = '#fff';
 
-          let text = d.data.name || ''
+          let text = d.data.name || '';
           while (context.measureText(text).width > w - 8 && text.length > 1) {
-            text = text.slice(0, -1)
+            text = text.slice(0, -1);
           }
-          if (text !== d.data.name) text += '...'
-          context.fillText(text, x + 4, y + 4)
+          if (text !== d.data.name) text += '...';
+          context.fillText(text, x + 4, y + 4);
         } else if (w > 20 && h > 15) {
           // Small articles - just show a truncated title
-          context.font = '9px "Rubik"'
-          context.textBaseline = 'top'
-          context.fillStyle = '#fff'
+          context.font = '9px "Rubik"';
+          context.textBaseline = 'top';
+          context.fillStyle = '#fff';
 
-          let text = d.data.name?.substring(0, 5) || ''
-          if (text.length < d.data.name?.length) text += '...'
-          context.fillText(text, x + 3, y + 3)
+          let text = d.data.name?.substring(0, 5) || '';
+          if (text.length < d.data.name?.length) text += '...';
+          context.fillText(text, x + 3, y + 3);
         } else if (w > 10 && h > 10) {
           // Tiny articles - just show a dot
-          context.fillStyle = '#fff'
-          context.beginPath()
-          context.arc(x + w / 2, y + h / 2, 2, 0, 2 * Math.PI)
-          context.fill()
+          context.fillStyle = '#fff';
+          context.beginPath();
+          context.arc(x + w / 2, y + h / 2, 2, 0, 2 * Math.PI);
+          context.fill();
         }
         // For very tiny articles, just the colored rectangle is visible
       }
-    })
+    });
 
-    context.restore()
-  }
+    context.restore();
+  };
 
   // Handle semantic zooming
   const handleZoom = (event: d3.D3ZoomEvent<HTMLCanvasElement, unknown>) => {
-    if (isTransitioning) return
+    if (isTransitioning) return;
 
     // Throttle zoom events to reduce frequency
-    if (!throttleZoom()) return
-    setIsTransitioning(true)
+    if (!throttleZoom()) return;
+    setIsTransitioning(true);
 
-    const canvas = canvasRef.current
+    const canvas = canvasRef.current;
     if (!canvas) {
-      setIsTransitioning(false)
-      return
+      setIsTransitioning(false);
+      return;
     }
 
     // Get mouse position in canvas coordinates
-    const [pointerX, pointerY] = d3.pointer(event, canvas)
+    const [pointerX, pointerY] = d3.pointer(event, canvas);
 
     // Calculate the new scale and transform
-    const newScale = event.transform.k
+    const newScale = event.transform.k;
 
     // Calculate visible region in the original treemap coordinates
-    const visibleWidth = dimensions.width / newScale
-    const visibleHeight = dimensions.height / newScale
+    const visibleWidth = dimensions.width / newScale;
+    const visibleHeight = dimensions.height / newScale;
 
     // Center on mouse position
-    const visibleX = pointerX - visibleWidth / 2
-    const visibleY = pointerY - visibleHeight / 2
+    const visibleX = pointerX - visibleWidth / 2;
+    const visibleY = pointerY - visibleHeight / 2;
 
     // Update zoom state
     setZoomState({
@@ -922,45 +924,45 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
         width: visibleWidth,
         height: visibleHeight,
       },
-    })
+    });
 
-    setTimeout(() => setIsTransitioning(false), 300)
-  }
+    setTimeout(() => setIsTransitioning(false), 300);
+  };
 
   const throttleZoom = (() => {
-    let lastCall = 0
-    const threshold = 25 // ms between zoom updates
+    let lastCall = 0;
+    const threshold = 25; // ms between zoom updates
     return () => {
-      const now = Date.now()
-      if (now - lastCall < threshold) return false
-      lastCall = now
-      return true
-    }
-  })()
+      const now = Date.now();
+      if (now - lastCall < threshold) return false;
+      lastCall = now;
+      return true;
+    };
+  })();
 
   useEffect(() => {
-    const canvas = canvasRef.current
-    if (!canvas) return
+    const canvas = canvasRef.current;
+    if (!canvas) return;
 
     const zoom = d3
       .zoom<HTMLCanvasElement, unknown>()
       .scaleExtent([1, 8])
       .wheelDelta((event) => {
         // Reduce scroll sensitivity
-        return -event.deltaY * 0.004
+        return -event.deltaY * 0.004;
       })
       .filter((event) => {
         // IMPORTANT: Allow pinch events by removing the filter on ctrlKey
         // This was blocking pinch gestures on touch devices
-        return !(event.button && event.type === 'mousedown')
+        return !(event.button && event.type === 'mousedown');
       })
       .interpolate(d3.interpolateZoom)
       .on('zoom', function (event) {
         // Round scale to nearest 0.25 increment
-        const k = Math.round(event.transform.k * 4) / 4
-        const transform = d3.zoomIdentity.scale(k)
-        handleZoom({ ...event, transform })
-      })
+        const k = Math.round(event.transform.k * 4) / 4;
+        const transform = d3.zoomIdentity.scale(k);
+        handleZoom({ ...event, transform });
+      });
 
     d3.select(canvas)
       .call(zoom)
@@ -970,49 +972,49 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
       .on(
         'touchstart',
         function (event) {
-          event.preventDefault()
+          event.preventDefault();
         },
-        { passive: false },
-      )
+        { passive: false }
+      );
 
     // Optional: Set initial zoom transform if needed
     // d3.select(canvas).call(zoom.transform, d3.zoomIdentity)
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dimensions, isTransitioning])
+  }, [dimensions, isTransitioning]);
 
   // Find node at position
   const findNodeAtPosition = (x: number, y: number) => {
     for (const node of treemapNodesRef.current) {
       if (x >= node.x0 && x <= node.x1 && y >= node.y0 && y <= node.y1) {
         if (!node.children) {
-          return node
+          return node;
         }
       }
     }
-    return null
-  }
+    return null;
+  };
 
   // Add mouse event listeners
   useEffect(() => {
-    const canvas = canvasRef.current
-    if (!canvas) return
+    const canvas = canvasRef.current;
+    if (!canvas) return;
 
     const handleMouseMove = (event: MouseEvent) => {
-      const rect = canvas.getBoundingClientRect()
-      const mouseX = event.clientX - rect.left
-      const mouseY = event.clientY - rect.top
+      const rect = canvas.getBoundingClientRect();
+      const mouseX = event.clientX - rect.left;
+      const mouseY = event.clientY - rect.top;
 
-      const hit = findNodeAtPosition(mouseX, mouseY)
-      setHoveredNode(hit)
+      const hit = findNodeAtPosition(mouseX, mouseY);
+      setHoveredNode(hit);
 
       // Set cursor style
-      canvas.style.cursor = hit ? 'pointer' : 'default'
+      canvas.style.cursor = hit ? 'pointer' : 'default';
 
       if (hit && tooltipRef.current) {
-        tooltipRef.current.style.opacity = '1'
-        tooltipRef.current.style.left = `${event.pageX + 10}px`
-        tooltipRef.current.style.top = `${event.pageY + 10}px`
+        tooltipRef.current.style.opacity = '1';
+        tooltipRef.current.style.left = `${event.pageX + 10}px`;
+        tooltipRef.current.style.top = `${event.pageY + 10}px`;
         tooltipRef.current.innerHTML = `
           <div class="font-bold text-sm mb-2">${hit.data.name}</div>
           <div class="flex justify-between text-xs mb-1">
@@ -1027,44 +1029,45 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
             <span class="text-neutral-600 mr-3">Click Rate:</span>
             <span class="font-medium">${hit.data.clickRate ? hit.data.clickRate + '%' : ''}</span>
           </div>
-        `
+        `;
       } else if (tooltipRef.current) {
-        tooltipRef.current.style.opacity = '0'
+        tooltipRef.current.style.opacity = '0';
       }
-    }
+    };
 
     const handleClick = (event: MouseEvent) => {
-      const rect = canvas.getBoundingClientRect()
-      const mouseX = event.clientX - rect.left
-      const mouseY = event.clientY - rect.top
+      const rect = canvas.getBoundingClientRect();
+      const mouseX = event.clientX - rect.left;
+      const mouseY = event.clientY - rect.top;
 
-      const hit = findNodeAtPosition(mouseX, mouseY)
+      const hit = findNodeAtPosition(mouseX, mouseY);
       if (hit && !hit.children && hit.data.slug) {
-        setIsNavigating(true)
-        setClickedArticle(hit.data.name)
+        setIsNavigating(true);
+        setClickedArticle(hit.data.name);
         window.gtag('event', 'article_click', {
           event_category: hit.parent?.data.name || 'Uncategorized',
           event_label: hit.data.name,
           event_link: `/posts/${hit.data.slug}`,
           transport_type: 'beacon',
-        })
-        router.push(`/posts/${hit.data.slug}`)
+        });
+        router.push(`/posts/${hit.data.slug}`);
       }
-    }
+    };
 
-    canvas.addEventListener('mousemove', handleMouseMove)
-    canvas.addEventListener('click', handleClick)
+    canvas.addEventListener('mousemove', handleMouseMove);
+    canvas.addEventListener('click', handleClick);
     return () => {
-      canvas.removeEventListener('mousemove', handleMouseMove)
-      canvas.removeEventListener('click', handleClick)
-    }
-  }, [])
+      canvas.removeEventListener('mousemove', handleMouseMove);
+      canvas.removeEventListener('click', handleClick);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   // Reset zoom
   const handleResetZoom = () => {
-    if (isTransitioning) return
+    if (isTransitioning) return;
 
-    setIsTransitioning(true)
+    setIsTransitioning(true);
     setZoomState({
       scale: 1,
       centerX: dimensions.width / 2,
@@ -1075,27 +1078,27 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
         width: dimensions.width,
         height: dimensions.height,
       },
-    })
+    });
 
     // Reset to the full treemap
-    treemapNodesRef.current = allNodesRef.current
-    draw()
+    treemapNodesRef.current = allNodesRef.current;
+    draw();
 
-    setTimeout(() => setIsTransitioning(false), 300)
-  }
+    setTimeout(() => setIsTransitioning(false), 300);
+  };
 
   // Re-draw when hovered node changes
   useEffect(() => {
-    draw()
+    draw();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [hoveredNode])
+  }, [hoveredNode]);
 
   return (
     <main className="relative flex h-full w-full flex-col" role="main">
       {/* Loading overlay */}
       {isNavigating && (
         <div className="bg-neutral-black/50 absolute inset-0 z-50 flex items-center justify-center backdrop-blur-sm">
-          <div className="bg-neutral-white flex flex-col items-center gap-4 rounded-lg p-8 shadow-2xl">
+          <div className="flex flex-col items-center gap-4 rounded-lg bg-neutral-white p-8 shadow-2xl">
             <div className="h-16 w-16 animate-spin rounded-full border-4 border-blue-600 border-t-transparent" />
             <div className="text-center">
               <p className="text-lg font-semibold text-neutral-900">Loading Article</p>
@@ -1117,7 +1120,7 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
             <p>
               {(
                 post.content?.root?.children?.[0]?.children?.[0] as {
-                  text: string
+                  text: string;
                 }
               )?.text ?? ''}
             </p>
@@ -1148,11 +1151,11 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
           ref={tooltipRef}
           role="tooltip"
           aria-live="polite"
-          className="bg-neutral-white pointer-events-none absolute z-10 max-w-xs rounded border border-neutral-300 bg-opacity-95 p-3 opacity-0 shadow-lg transition-opacity duration-200"
+          className="pointer-events-none absolute z-10 max-w-xs rounded border border-neutral-300 bg-neutral-white bg-opacity-95 p-3 opacity-0 shadow-lg transition-opacity duration-200"
         />
 
         {/* Zoom controls */}
-        <div className="bg-neutral-white absolute bottom-4 right-4 flex space-x-2 rounded-lg p-2 shadow">
+        <div className="absolute bottom-4 right-4 flex space-x-2 rounded-lg bg-neutral-white p-2 shadow">
           <button
             className="flex h-8 w-8 items-center justify-center rounded bg-neutral-100 hover:bg-neutral-200 disabled:opacity-50"
             onClick={handleResetZoom}
@@ -1175,79 +1178,79 @@ export const ArticleTreeMap: FC<{ posts: Post[] }> = ({ posts }) => {
         </div>
 
         {/* Zoom level indicator */}
-        <div className="bg-neutral-white absolute bottom-4 left-4 rounded-lg px-3 py-2 text-xs text-neutral-600 shadow">
+        <div className="absolute bottom-4 left-4 rounded-lg bg-neutral-white px-3 py-2 text-xs text-neutral-600 shadow">
           <div className="flex items-center">
             <span>Zoom: {Math.round(zoomState.scale * 100)}%</span>
           </div>
         </div>
       </section>
     </main>
-  )
-}
+  );
+};
 
 /**
  * WBA (color-coded category list) mobile view for articles
  */
 const WBAMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
-  const router = useRouter()
-  const [loadingSlug, setLoadingSlug] = useState<string | null>(null)
+  const router = useRouter();
+  const [loadingSlug, setLoadingSlug] = useState<string | null>(null);
 
   const postsWithMetrics = useMemo(() => {
     return posts.map((post) => {
       // Use post ID as seed for consistent random values across SSR and client
-      const seed = typeof post.id === 'number' ? post.id : parseInt(String(post.id), 10) || 0
-      const clicks = Math.floor(seededRandom(seed) * 2000) + 100
-      const uniqueClicks = Math.floor(clicks * (0.7 + seededRandom(seed + 1) * 0.2))
-      const clickRate = +((uniqueClicks / clicks) * 10 + seededRandom(seed + 2) * 2).toFixed(1)
-      return { ...post, clicks, uniqueClicks, clickRate }
-    })
-  }, [posts])
+      const seed = typeof post.id === 'number' ? post.id : parseInt(String(post.id), 10) || 0;
+      const clicks = Math.floor(seededRandom(seed) * 2000) + 100;
+      const uniqueClicks = Math.floor(clicks * (0.7 + seededRandom(seed + 1) * 0.2));
+      const clickRate = +((uniqueClicks / clicks) * 10 + seededRandom(seed + 2) * 2).toFixed(1);
+      return { ...post, clicks, uniqueClicks, clickRate };
+    });
+  }, [posts]);
 
   // Group posts by category and sort by clicks
   const categorizedPosts = useMemo(() => {
-    const categorized: Record<string, PostWithMetrics[]> = {}
+    const categorized: Record<string, PostWithMetrics[]> = {};
     postsWithMetrics.forEach((post) => {
       const category =
         post.category_titles && post.category_titles.length > 0
           ? post.category_titles[0]
-          : 'Uncategorized'
-      if (!categorized[category]) categorized[category] = []
-      categorized[category].push(post)
-    })
+          : 'Uncategorized';
+      if (!categorized[category]) categorized[category] = [];
+      categorized[category].push(post);
+    });
     // Sort articles within each category by clicks (descending)
     Object.keys(categorized).forEach((category) => {
-      categorized[category].sort((a, b) => b.clicks - a.clicks)
-    })
-    return categorized
-  }, [postsWithMetrics])
+      categorized[category].sort((a, b) => b.clicks - a.clicks);
+    });
+    return categorized;
+  }, [postsWithMetrics]);
 
-  const palette = ['#6A0DAD', '#228B22', '#FF5733', '#3498DB', '#F1C40F', '#9B59B6']
+  const palette = ['#6A0DAD', '#228B22', '#FF5733', '#3498DB', '#F1C40F', '#9B59B6'];
   const predefinedColors: Record<string, string> = {
     AI: palette[0],
     Earth: palette[1],
-  }
+  };
 
   const getCategoryColor = (category: string) => {
-    if (predefinedColors[category]) return predefinedColors[category]
-    const index = Object.keys(categorizedPosts).indexOf(category) % palette.length
-    return palette[index]
-  }
+    if (predefinedColors[category]) return predefinedColors[category];
+    const index = Object.keys(categorizedPosts).indexOf(category) % palette.length;
+    return palette[index];
+  };
 
   // Calculate max clicks per category for color gradient
   const categoryMaxClicks = useMemo(() => {
-    const maxClicks: Record<string, number> = {}
+    const maxClicks: Record<string, number> = {};
     Object.entries(categorizedPosts).forEach(([category, posts]) => {
-      maxClicks[category] = Math.max(...posts.map((p) => p.clicks))
-    })
-    return maxClicks
-  }, [categorizedPosts])
+      maxClicks[category] = Math.max(...posts.map((p) => p.clicks));
+    });
+    return maxClicks;
+  }, [categorizedPosts]);
 
   // Get shade color for article based on clicks
   const getArticleColor = (category: string, clicks: number) => {
-    const baseColor = getCategoryColor(category)
-    const maxClicks = categoryMaxClicks[category] || 1
-    return getShade(baseColor, clicks, maxClicks)
-  }
+    const baseColor = getCategoryColor(category);
+    const maxClicks = categoryMaxClicks[category] || 1;
+    return getShade(baseColor, clicks, maxClicks);
+  };
 
   return (
     <div className="w-full overflow-y-auto" style={{ height: `calc(100vh - ${headerHeight}px)` }}>
@@ -1255,7 +1258,7 @@ const WBAMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
         <div key={category}>
           {/* Category Header */}
           <div
-            className="text-neutral-white sticky top-0 z-10 px-4 py-2 text-sm font-bold"
+            className="sticky top-0 z-10 px-4 py-2 text-sm font-bold text-neutral-white"
             style={{ backgroundColor: getCategoryColor(category) }}
           >
             {category} ({categoryPosts.length})
@@ -1271,15 +1274,15 @@ const WBAMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
                 style={{ backgroundColor: getArticleColor(category, post.clicks) }}
                 onClick={(e) => {
                   if (post.slug) {
-                    e.preventDefault()
-                    setLoadingSlug(post.slug)
+                    e.preventDefault();
+                    setLoadingSlug(post.slug);
                     window.gtag('event', 'article_click', {
                       event_category: category,
                       event_label: post.title,
                       event_link: `/posts/${post.slug}`,
                       transport_type: 'beacon',
-                    })
-                    router.push(`/posts/${post.slug}`)
+                    });
+                    router.push(`/posts/${post.slug}`);
                   }
                 }}
               >
@@ -1288,7 +1291,7 @@ const WBAMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
                     <div className="h-8 w-8 animate-spin rounded-full border-4 border-white border-t-transparent" />
                   </div>
                 )}
-                <span className="text-neutral-white mr-3 flex-1 truncate text-sm font-medium">
+                <span className="mr-3 flex-1 truncate text-sm font-medium text-neutral-white">
                   {post.title.replace(/\n\s*/g, ' ')}
                 </span>
                 <span className="text-neutral-white/80 whitespace-nowrap text-xs">
@@ -1300,10 +1303,10 @@ const WBAMobileView: FC<{ posts: Post[] }> = ({ posts }) => {
         </div>
       ))}
     </div>
-  )
-}
+  );
+};
 
-type TimeFilter = 'all' | 'today' | 'week' | 'month' | 'year'
+type TimeFilter = 'all' | 'today' | 'week' | 'month' | 'year';
 
 /**
  * This parent component integrates the search input with the treemap.
@@ -1311,77 +1314,77 @@ type TimeFilter = 'all' | 'today' | 'week' | 'month' | 'year'
  * posts to the ArticleAnalyser.
  */
 export const ArticleAnalyser: FC<{
-  posts: Post[]
+  posts: Post[];
 }> = ({ posts }) => {
-  const [searchString, setSearchString] = useState<string>('')
-  const [timeFilter, setTimeFilter] = useState<TimeFilter>('all')
-  const [filteredPosts, setFilteredPosts] = useState<Post[]>(posts)
-  const [isLoading, setIsLoading] = useState<boolean>(false)
-  const [noResults, setNoResults] = useState<boolean>(false)
-  const [mobileView, setMobileView] = useState<MobileViewType>('default')
+  const [searchString, _setSearchString] = useState<string>('');
+  const [timeFilter, _setTimeFilter] = useState<TimeFilter>('all');
+  const [filteredPosts, setFilteredPosts] = useState<Post[]>(posts);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [noResults, setNoResults] = useState<boolean>(false);
+  const [mobileView, setMobileView] = useState<MobileViewType>('default');
 
   // Apply time filtering
   const timeFilteredPosts = useMemo(() => {
-    if (timeFilter === 'all') return posts
+    if (timeFilter === 'all') return posts;
 
-    const now = new Date()
-    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
+    const now = new Date();
+    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
 
     return posts.filter((post) => {
-      if (!post.publishedAt) return false
-      const publishedDate = new Date(post.publishedAt)
+      if (!post.publishedAt) return false;
+      const publishedDate = new Date(post.publishedAt);
 
       switch (timeFilter) {
         case 'today':
-          return publishedDate >= today
+          return publishedDate >= today;
         case 'week': {
-          const weekAgo = new Date(today)
-          weekAgo.setDate(weekAgo.getDate() - 7)
-          return publishedDate >= weekAgo
+          const weekAgo = new Date(today);
+          weekAgo.setDate(weekAgo.getDate() - 7);
+          return publishedDate >= weekAgo;
         }
         case 'month': {
-          const monthAgo = new Date(today)
-          monthAgo.setMonth(monthAgo.getMonth() - 1)
-          return publishedDate >= monthAgo
+          const monthAgo = new Date(today);
+          monthAgo.setMonth(monthAgo.getMonth() - 1);
+          return publishedDate >= monthAgo;
         }
         case 'year': {
-          const yearAgo = new Date(today)
-          yearAgo.setFullYear(yearAgo.getFullYear() - 1)
-          return publishedDate >= yearAgo
+          const yearAgo = new Date(today);
+          yearAgo.setFullYear(yearAgo.getFullYear() - 1);
+          return publishedDate >= yearAgo;
         }
         default:
-          return true
+          return true;
       }
-    })
-  }, [posts, timeFilter])
+    });
+  }, [posts, timeFilter]);
 
   useEffect(() => {
     if (!searchString) {
-      setFilteredPosts(timeFilteredPosts)
-      setNoResults(false)
-      return
+      setFilteredPosts(timeFilteredPosts);
+      setNoResults(false);
+      return;
     }
-    const lowerQuery = searchString.toLowerCase()
+    const lowerQuery = searchString.toLowerCase();
     const filtered = timeFilteredPosts.filter((post) =>
-      post.title.toLowerCase().includes(lowerQuery),
-    )
+      post.title.toLowerCase().includes(lowerQuery)
+    );
     // If the search term is a complete word and there are no matches
     if (filtered.length === 0 && searchString.trim().includes(' ') === false) {
-      setNoResults(true)
-      setIsLoading(true)
+      setNoResults(true);
+      setIsLoading(true);
 
       // Mock API call delay
       const timer = setTimeout(() => {
-        setIsLoading(false)
-      }, 3000) // 3 seconds loading time
+        setIsLoading(false);
+      }, 3000); // 3 seconds loading time
 
-      return () => clearTimeout(timer)
+      return () => clearTimeout(timer);
     } else {
-      setNoResults(false)
-      setIsLoading(false)
-      setFilteredPosts(filtered)
+      setNoResults(false);
+      setIsLoading(false);
+      setFilteredPosts(filtered);
     }
-  }, [searchString, timeFilteredPosts])
+  }, [searchString, timeFilteredPosts]);
 
   return (
     <div>
@@ -1479,5 +1482,5 @@ export const ArticleAnalyser: FC<{
         </>
       )}
     </div>
-  )
-}
+  );
+};
diff --git a/src/heros/PostHero/index.tsx b/src/heros/PostHero/index.tsx
index c37497e..7992046 100644
--- a/src/heros/PostHero/index.tsx
+++ b/src/heros/PostHero/index.tsx
@@ -1,33 +1,33 @@
-import { formatDateTime } from 'src/utilities/formatDateTime'
-import React from 'react'
-import Link from 'next/link'
-import Image from 'next/image'
+import { formatDateTime } from 'src/utilities/formatDateTime';
+import React from 'react';
+import Link from 'next/link';
+import Image from 'next/image';
 
-import type { Post } from '@/payload-types'
+import type { Post } from '@/payload-types';
 
-import { Media } from '@/components/Media'
-import { formatAuthors } from '@/utilities/formatAuthors'
-import { CategoryPill } from '@/components/CateoryPill'
+import { Media } from '@/components/Media';
+import { formatAuthors } from '@/utilities/formatAuthors';
+import { CategoryPill } from '@/components/CateoryPill';
 
 // Estimate reading time based on content
-const estimateReadingTime = (content: any): number => {
-  if (!content?.root?.children) return 5
+const estimateReadingTime = (content: Post['content'] | undefined): number => {
+  if (!content?.root?.children) return 5;
 
-  const text = JSON.stringify(content)
-  const wordCount = text.split(/\s+/).length
-  const wordsPerMinute = 200
-  return Math.max(1, Math.ceil(wordCount / wordsPerMinute))
-}
+  const text = JSON.stringify(content);
+  const wordCount = text.split(/\s+/).length;
+  const wordsPerMinute = 200;
+  return Math.max(1, Math.ceil(wordCount / wordsPerMinute));
+};
 
 export const PostHero: React.FC<{
-  post: Post
+  post: Post;
 }> = ({ post }) => {
-  const { categories, heroImage, populatedAuthors, publishedAt, title, content } = post
+  const { categories, heroImage, populatedAuthors, publishedAt, title, content } = post;
 
   const hasAuthors =
-    populatedAuthors && populatedAuthors.length > 0 && formatAuthors(populatedAuthors) !== ''
+    populatedAuthors && populatedAuthors.length > 0 && formatAuthors(populatedAuthors) !== '';
 
-  const readingTime = estimateReadingTime(content)
+  const readingTime = estimateReadingTime(content);
 
   return (
     <div className="relative -mt-[10.4rem] flex min-h-[80vh] items-end bg-neutral-700">
@@ -43,9 +43,9 @@ export const PostHero: React.FC<{
             className="z-10 object-cover opacity-30"
           />
         )}
-        <div className="from-neutral-black pointer-events-none absolute bottom-0 left-0 h-1/2 w-full bg-gradient-to-t to-transparent" />
+        <div className="pointer-events-none absolute bottom-0 left-0 h-1/2 w-full bg-gradient-to-t from-neutral-black to-transparent" />
       </div>
-      <div className="text-neutral-white container relative z-10 pb-8 lg:grid lg:grid-cols-[1fr_48rem_1fr]">
+      <div className="container relative z-10 pb-8 text-neutral-white lg:grid lg:grid-cols-[1fr_48rem_1fr]">
         <div className="col-span-1 col-start-1 md:col-span-2 md:col-start-2">
           {/* Breadcrumb navigation */}
           <nav aria-label="Breadcrumb" className="mb-6">
@@ -53,7 +53,7 @@ export const PostHero: React.FC<{
               <li>
                 <Link
                   href="/"
-                  className="text-neutral-white/80 hover:text-neutral-white underline transition-colors"
+                  className="text-neutral-white/80 underline transition-colors hover:text-neutral-white"
                 >
                   Home
                 </Link>
@@ -62,7 +62,7 @@ export const PostHero: React.FC<{
               <li>
                 <Link
                   href="#"
-                  className="text-neutral-white/80 hover:text-neutral-white underline transition-colors"
+                  className="text-neutral-white/80 underline transition-colors hover:text-neutral-white"
                 >
                   Articles
                 </Link>
@@ -82,13 +82,13 @@ export const PostHero: React.FC<{
           <div className="mb-6 flex flex-wrap gap-2">
             {categories?.map((category, index) => {
               if (typeof category === 'object' && category !== null) {
-                const { title: categoryTitle } = category
+                const { title: categoryTitle } = category;
 
-                const titleToUse = categoryTitle || 'Untitled category'
+                const titleToUse = categoryTitle || 'Untitled category';
 
-                return <CategoryPill key={index} title={titleToUse} />
+                return <CategoryPill key={index} title={titleToUse} />;
               }
-              return null
+              return null;
             })}
           </div>
 
@@ -171,5 +171,5 @@ export const PostHero: React.FC<{
         </div>
       </div>
     </div>
-  )
-}
+  );
+};
diff --git a/src/utilities/generateMeta.ts b/src/utilities/generateMeta.ts
index 721d7a5..6fbd3b0 100644
--- a/src/utilities/generateMeta.ts
+++ b/src/utilities/generateMeta.ts
@@ -1,52 +1,57 @@
-import type { Metadata } from 'next'
+import type { Metadata } from 'next';
 
-import type { Media, Page, Post, Config } from '../payload-types'
+import type { Media, Page, Post, Config } from '../payload-types';
 
-import { mergeOpenGraph } from './mergeOpenGraph'
-import { getServerSideURL } from './getURL'
+import { mergeOpenGraph } from './mergeOpenGraph';
+
+type PopulatedAuthor = { id?: string | null; name?: string | null };
+import { getServerSideURL } from './getURL';
 
 const getImageURL = (image?: Media | Config['db']['defaultIDType'] | null) => {
-  const serverUrl = getServerSideURL()
+  const serverUrl = getServerSideURL();
 
-  let url = serverUrl + '/images/website-template-OG.webp'
+  let url = serverUrl + '/images/website-template-OG.webp';
 
   if (image && typeof image === 'object' && 'url' in image) {
-    const ogUrl = image.sizes?.og?.url
+    const ogUrl = image.sizes?.og?.url;
 
-    url = ogUrl ? serverUrl + ogUrl : serverUrl + image.url
+    url = ogUrl ? serverUrl + ogUrl : serverUrl + image.url;
   }
 
-  return url
-}
+  return url;
+};
 
 export const generateMeta = async (args: {
-  doc: Partial<Page> | Partial<Post>
+  doc: Partial<Page> | Partial<Post>;
 }): Promise<Metadata> => {
-  const { doc } = args || {}
+  const { doc } = args || {};
 
-  const ogImage = getImageURL(doc?.meta?.image)
+  const ogImage = getImageURL(doc?.meta?.image);
 
   const title = doc?.meta?.title
     ? doc?.meta?.title + ' | Decentralizard'
-    : 'Decentralizard: AI, Art, Culture, Music, Bitcoin, Green Tech and crypto news and discussion'
+    : 'Decentralizard: AI, Art, Culture, Music, Bitcoin, Green Tech and crypto news and discussion';
 
   const description =
     doc?.meta?.description ||
-    'Decentralizard is a content aggregator, newsletter and thought organiser at the intersection of news, science, art and culture of tomorrow.'
+    'Decentralizard is a content aggregator, newsletter and thought organiser at the intersection of news, science, art and culture of tomorrow.';
 
   // Build a canonical URL from the server URL and the document slug
   const canonical =
     getServerSideURL() +
-    (doc?.slug ? (Array.isArray(doc.slug) ? '/' + doc.slug.join('/') : `/${doc.slug}`) : '')
+    (doc?.slug ? (Array.isArray(doc.slug) ? '/' + doc.slug.join('/') : `/${doc.slug}`) : '');
 
   // Extract author information for posts
-  const isPost = doc && typeof doc === 'object' && 'publishedAt' in doc
+  const isPost = doc && typeof doc === 'object' && 'publishedAt' in doc;
   const authors =
     isPost && 'populatedAuthors' in doc && doc.populatedAuthors
       ? doc.populatedAuthors
-          .filter((author: any) => author?.name)
-          .map((author: any) => ({ name: author.name }))
-      : undefined
+          .filter(
+            (author: PopulatedAuthor): author is PopulatedAuthor & { name: string } =>
+              !!author?.name
+          )
+          .map((author) => ({ name: author.name }))
+      : undefined;
 
   return {
     title,
@@ -76,7 +81,7 @@ export const generateMeta = async (args: {
             publishedTime: doc.publishedAt,
             modifiedTime: 'updatedAt' in doc ? doc.updatedAt : undefined,
             authors:
-              authors && authors.length > 0 ? authors.map((a: any) => a.name) : ['Decentralizard'],
+              authors && authors.length > 0 ? authors.map((a) => a.name) : ['Decentralizard'],
             section:
               'categories' in doc &&
               doc.categories &&
@@ -121,5 +126,5 @@ export const generateMeta = async (args: {
         ? doc.meta.keywords.map((k) => k.keyword).join(', ')
         : doc.meta.keywords
       : 'decentralizard, crypto, art, tech, science, counterculture, news, cultural disruption, tomorrow, world, cyborg',
-  }
-}
+  };
+};
diff --git a/src/utilities/generateStructuredData.ts b/src/utilities/generateStructuredData.ts
index 55f8e7e..f671dae 100644
--- a/src/utilities/generateStructuredData.ts
+++ b/src/utilities/generateStructuredData.ts
@@ -1,29 +1,29 @@
-import type { Post } from '@/payload-types'
-import { getServerSideURL } from './getURL'
+import type { Post } from '@/payload-types';
+import { getServerSideURL } from './getURL';
 
 // Estimate reading time based on content
-const estimateReadingTime = (content: any): number => {
-  if (!content?.root?.children) return 5
-  const text = JSON.stringify(content)
-  const wordCount = text.split(/\s+/).length
-  const wordsPerMinute = 200
-  return Math.max(1, Math.ceil(wordCount / wordsPerMinute))
-}
+const estimateReadingTime = (content: Post['content'] | undefined): number => {
+  if (!content?.root?.children) return 5;
+  const text = JSON.stringify(content);
+  const wordCount = text.split(/\s+/).length;
+  const wordsPerMinute = 200;
+  return Math.max(1, Math.ceil(wordCount / wordsPerMinute));
+};
 
 // Calculate word count
-const calculateWordCount = (content: any): number => {
-  if (!content?.root?.children) return 0
-  const text = JSON.stringify(content)
-  return text.split(/\s+/).length
-}
+const calculateWordCount = (content: Post['content'] | undefined): number => {
+  if (!content?.root?.children) return 0;
+  const text = JSON.stringify(content);
+  return text.split(/\s+/).length;
+};
 
 export const generateArticleStructuredData = (post: Post) => {
-  const serverUrl = getServerSideURL()
+  const serverUrl = getServerSideURL();
 
   const imageUrl =
     post.heroImage && typeof post.heroImage === 'object' && 'url' in post.heroImage
       ? serverUrl + post.heroImage.url
-      : serverUrl + '/images/website-template-OG.webp'
+      : serverUrl + '/images/website-template-OG.webp';
 
   const authors = post.populatedAuthors
     ? post.populatedAuthors
@@ -33,17 +33,17 @@ export const generateArticleStructuredData = (post: Post) => {
           name: author.name,
           url: serverUrl,
         }))
-    : [{ '@type': 'Person', name: 'Decentralizard', url: serverUrl }]
+    : [{ '@type': 'Person', name: 'Decentralizard', url: serverUrl }];
 
   const categories = post.categories
     ? post.categories
         .filter((cat) => typeof cat === 'object' && cat !== null)
         .map((cat) => (typeof cat === 'object' && 'title' in cat ? cat.title : ''))
         .filter(Boolean)
-    : []
+    : [];
 
-  const wordCount = calculateWordCount(post.content)
-  const readingTime = estimateReadingTime(post.content)
+  const wordCount = calculateWordCount(post.content);
+  const readingTime = estimateReadingTime(post.content);
 
   const articleData = {
     '@context': 'https://schema.org',
@@ -79,13 +79,13 @@ export const generateArticleStructuredData = (post: Post) => {
     inLanguage: 'en-US',
     isFamilyFriendly: true,
     isAccessibleForFree: true,
-  }
+  };
 
-  return articleData
-}
+  return articleData;
+};
 
 export const generateBreadcrumbStructuredData = (items: Array<{ name: string; url: string }>) => {
-  const serverUrl = getServerSideURL()
+  const serverUrl = getServerSideURL();
 
   return {
     '@context': 'https://schema.org',
@@ -96,5 +96,5 @@ export const generateBreadcrumbStructuredData = (items: Array<{ name: string; ur
       name: item.name,
       item: serverUrl + item.url,
     })),
-  }
-}
+  };
+};
diff --git a/yarn.lock b/yarn.lock
index 7aadd09..a3d2b3d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5101,6 +5101,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/eslint-plugin-tailwindcss@npm:^3":
+  version: 3.17.0
+  resolution: "@types/eslint-plugin-tailwindcss@npm:3.17.0"
+  dependencies:
+    "@types/eslint": "npm:*"
+  checksum: 10c0/256c720bab11019fe99fc1a60e8d57221e1d4312f43ae05f9526de61be51050d584f3735ba10765e0cfc70ed318acf25743130f5b4f426412550dd68bc095f37
+  languageName: node
+  linkType: hard
+
+"@types/eslint@npm:*":
+  version: 9.6.1
+  resolution: "@types/eslint@npm:9.6.1"
+  dependencies:
+    "@types/estree": "npm:*"
+    "@types/json-schema": "npm:*"
+  checksum: 10c0/69ba24fee600d1e4c5abe0df086c1a4d798abf13792d8cfab912d76817fe1a894359a1518557d21237fbaf6eda93c5ab9309143dee4c59ef54336d1b3570420e
+  languageName: node
+  linkType: hard
+
 "@types/estree-jsx@npm:^1.0.0":
   version: 1.0.5
   resolution: "@types/estree-jsx@npm:1.0.5"
@@ -5195,7 +5214,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.15":
+"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.15":
   version: 7.0.15
   resolution: "@types/json-schema@npm:7.0.15"
   checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db
@@ -5771,6 +5790,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-escapes@npm:^7.0.0":
+  version: 7.2.0
+  resolution: "ansi-escapes@npm:7.2.0"
+  dependencies:
+    environment: "npm:^1.0.0"
+  checksum: 10c0/b562fd995761fa12f33be316950ee58fda489e125d331bcd9131434969a2eb55dc14e9405f214dcf4697c9d67c576ba0baf6e8f3d52058bf9222c97560b220cb
+  languageName: node
+  linkType: hard
+
 "ansi-regex@npm:^5.0.1":
   version: 5.0.1
   resolution: "ansi-regex@npm:5.0.1"
@@ -5778,6 +5806,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-regex@npm:^6.0.1":
+  version: 6.2.2
+  resolution: "ansi-regex@npm:6.2.2"
+  checksum: 10c0/05d4acb1d2f59ab2cf4b794339c7b168890d44dda4bf0ce01152a8da0213aca207802f930442ce8cd22d7a92f44907664aac6508904e75e038fa944d2601b30f
+  languageName: node
+  linkType: hard
+
 "ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0":
   version: 4.3.0
   resolution: "ansi-styles@npm:4.3.0"
@@ -5794,6 +5829,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-styles@npm:^6.2.1":
+  version: 6.2.3
+  resolution: "ansi-styles@npm:6.2.3"
+  checksum: 10c0/23b8a4ce14e18fb854693b95351e286b771d23d8844057ed2e7d083cd3e708376c3323707ec6a24365f7d7eda3ca00327fe04092e29e551499ec4c8b7bfac868
+  languageName: node
+  linkType: hard
+
 "any-promise@npm:^1.0.0":
   version: 1.3.0
   resolution: "any-promise@npm:1.3.0"
@@ -6591,6 +6633,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-cursor@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "cli-cursor@npm:5.0.0"
+  dependencies:
+    restore-cursor: "npm:^5.0.0"
+  checksum: 10c0/7ec62f69b79f6734ab209a3e4dbdc8af7422d44d360a7cb1efa8a0887bbe466a6e625650c466fe4359aee44dbe2dc0b6994b583d40a05d0808a5cb193641d220
+  languageName: node
+  linkType: hard
+
+"cli-truncate@npm:^5.0.0":
+  version: 5.1.1
+  resolution: "cli-truncate@npm:5.1.1"
+  dependencies:
+    slice-ansi: "npm:^7.1.0"
+    string-width: "npm:^8.0.0"
+  checksum: 10c0/3842920829a62f3e041ce39199050c42706c3c9c756a4efc8b86d464e102d1fa031d8b1b9b2e3bb36e1017c763558275472d031bdc884c1eff22a2f20e4f6b0a
+  languageName: node
+  linkType: hard
+
 "client-only@npm:0.0.1":
   version: 0.0.1
   resolution: "client-only@npm:0.0.1"
@@ -6677,7 +6738,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"colorette@npm:^2.0.7":
+"colorette@npm:^2.0.20, colorette@npm:^2.0.7":
   version: 2.0.20
   resolution: "colorette@npm:2.0.20"
   checksum: 10c0/e94116ff33b0ff56f3b83b9ace895e5bf87c2a7a47b3401b8c3f3226e050d5ef76cf4072fb3325f9dc24d1698f9b730baf4e05eeaf861d74a1883073f4c98a40
@@ -6700,6 +6761,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:^14.0.2":
+  version: 14.0.2
+  resolution: "commander@npm:14.0.2"
+  checksum: 10c0/245abd1349dbad5414cb6517b7b5c584895c02c4f7836ff5395f301192b8566f9796c82d7bd6c92d07eba8775fe4df86602fca5d86d8d10bcc2aded1e21c2aeb
+  languageName: node
+  linkType: hard
+
 "commander@npm:^2.20.3":
   version: 2.20.3
   resolution: "commander@npm:2.20.3"
@@ -7352,6 +7420,7 @@ __metadata:
     "@testing-library/user-event": "npm:^14.6.1"
     "@types/d3": "npm:^7"
     "@types/escape-html": "npm:^1.0.2"
+    "@types/eslint-plugin-tailwindcss": "npm:^3"
     "@types/gtag.js": "npm:^0.0.20"
     "@types/jest": "npm:^29.5.14"
     "@types/node": "npm:22.5.4"
@@ -7367,10 +7436,13 @@ __metadata:
     d3: "npm:^7.9.0"
     eslint: "npm:^9.16.0"
     eslint-config-next: "npm:15.1.5"
+    eslint-plugin-tailwindcss: "npm:^3.18.2"
     geist: "npm:^1.3.0"
     graphql: "npm:^16.8.2"
+    husky: "npm:^8.0.0"
     jest: "npm:^29.7.0"
     jest-environment-jsdom: "npm:^29.7.0"
+    lint-staged: "npm:^16.2.7"
     lucide-react: "npm:^0.378.0"
     next: "npm:15.5.9"
     next-sitemap: "npm:^4.2.3"
@@ -7378,7 +7450,7 @@ __metadata:
     payload: "npm:3.69.0"
     payload-admin-bar: "npm:^1.0.6"
     postcss: "npm:^8.4.38"
-    prettier: "npm:^3.4.2"
+    prettier: "npm:^3.8.0"
     prettier-plugin-tailwindcss: "npm:^0.7.2"
     prism-react-renderer: "npm:^2.3.1"
     react: "npm:19.2.3"
@@ -7732,6 +7804,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"emoji-regex@npm:^10.3.0":
+  version: 10.6.0
+  resolution: "emoji-regex@npm:10.6.0"
+  checksum: 10c0/1e4aa097bb007301c3b4b1913879ae27327fdc48e93eeefefe3b87e495eb33c5af155300be951b4349ff6ac084f4403dc9eff970acba7c1c572d89396a9a32d7
+  languageName: node
+  linkType: hard
+
 "emoji-regex@npm:^8.0.0":
   version: 8.0.0
   resolution: "emoji-regex@npm:8.0.0"
@@ -7778,6 +7857,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"environment@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "environment@npm:1.1.0"
+  checksum: 10c0/fb26434b0b581ab397039e51ff3c92b34924a98b2039dcb47e41b7bca577b9dbf134a8eadb364415c74464b682e2d3afe1a4c0eb9873dc44ea814c5d3103331d
+  languageName: node
+  linkType: hard
+
 "err-code@npm:^2.0.2":
   version: 2.0.3
   resolution: "err-code@npm:2.0.3"
@@ -8320,6 +8406,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-tailwindcss@npm:^3.18.2":
+  version: 3.18.2
+  resolution: "eslint-plugin-tailwindcss@npm:3.18.2"
+  dependencies:
+    fast-glob: "npm:^3.2.5"
+    postcss: "npm:^8.4.4"
+  peerDependencies:
+    tailwindcss: ^3.4.0
+  checksum: 10c0/2903923f81d5dd1813279cc419421612d7d3f58ba57aa48a931beaa18e2529fdea223e0c60135c3fd2aa55e3d798b4299a0280602c8c508480bebd4f6019ac9c
+  languageName: node
+  linkType: hard
+
 "eslint-scope@npm:^8.4.0":
   version: 8.4.0
   resolution: "eslint-scope@npm:8.4.0"
@@ -8463,6 +8561,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eventemitter3@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "eventemitter3@npm:5.0.1"
+  checksum: 10c0/4ba5c00c506e6c786b4d6262cfbce90ddc14c10d4667e5c83ae993c9de88aa856033994dd2b35b83e8dc1170e224e66a319fa80adc4c32adcd2379bbc75da814
+  languageName: node
+  linkType: hard
+
 "events-universal@npm:^1.0.0":
   version: 1.0.1
   resolution: "events-universal@npm:1.0.1"
@@ -8571,7 +8676,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.12, fast-glob@npm:^3.3.2":
+"fast-glob@npm:^3.2.12, fast-glob@npm:^3.2.5, fast-glob@npm:^3.3.2":
   version: 3.3.3
   resolution: "fast-glob@npm:3.3.3"
   dependencies:
@@ -8864,6 +8969,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-east-asian-width@npm:^1.0.0, get-east-asian-width@npm:^1.3.0, get-east-asian-width@npm:^1.3.1":
+  version: 1.4.0
+  resolution: "get-east-asian-width@npm:1.4.0"
+  checksum: 10c0/4e481d418e5a32061c36fbb90d1b225a254cc5b2df5f0b25da215dcd335a3c111f0c2023ffda43140727a9cafb62dac41d022da82c08f31083ee89f714ee3b83
+  languageName: node
+  linkType: hard
+
 "get-intrinsic@npm:^1.2.4, get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.2.6, get-intrinsic@npm:^1.2.7, get-intrinsic@npm:^1.3.0":
   version: 1.3.1
   resolution: "get-intrinsic@npm:1.3.1"
@@ -9213,6 +9325,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"husky@npm:^8.0.0":
+  version: 8.0.3
+  resolution: "husky@npm:8.0.3"
+  bin:
+    husky: lib/bin.js
+  checksum: 10c0/6722591771c657b91a1abb082e07f6547eca79144d678e586828ae806499d90dce2a6aee08b66183fd8b085f19d20e0990a2ad396961746b4c8bd5bdb619d668
+  languageName: node
+  linkType: hard
+
 "iceberg-js@npm:^0.8.1":
   version: 0.8.1
   resolution: "iceberg-js@npm:0.8.1"
@@ -9524,6 +9645,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-fullwidth-code-point@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "is-fullwidth-code-point@npm:5.1.0"
+  dependencies:
+    get-east-asian-width: "npm:^1.3.1"
+  checksum: 10c0/c1172c2e417fb73470c56c431851681591f6a17233603a9e6f94b7ba870b2e8a5266506490573b607fb1081318589372034aa436aec07b465c2029c0bc7f07a4
+  languageName: node
+  linkType: hard
+
 "is-generator-fn@npm:^2.0.0":
   version: 2.1.0
   resolution: "is-generator-fn@npm:2.1.0"
@@ -10546,6 +10676,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lint-staged@npm:^16.2.7":
+  version: 16.2.7
+  resolution: "lint-staged@npm:16.2.7"
+  dependencies:
+    commander: "npm:^14.0.2"
+    listr2: "npm:^9.0.5"
+    micromatch: "npm:^4.0.8"
+    nano-spawn: "npm:^2.0.0"
+    pidtree: "npm:^0.6.0"
+    string-argv: "npm:^0.3.2"
+    yaml: "npm:^2.8.1"
+  bin:
+    lint-staged: bin/lint-staged.js
+  checksum: 10c0/9a677c21a8112d823ae5bc565ba2c9e7b803786f2a021c46827a55fe44ed59def96edb24fc99c06a2545cdbbf366022ad82addcb3bf60c712f3b98ef92069717
+  languageName: node
+  linkType: hard
+
+"listr2@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "listr2@npm:9.0.5"
+  dependencies:
+    cli-truncate: "npm:^5.0.0"
+    colorette: "npm:^2.0.20"
+    eventemitter3: "npm:^5.0.1"
+    log-update: "npm:^6.1.0"
+    rfdc: "npm:^1.4.1"
+    wrap-ansi: "npm:^9.0.0"
+  checksum: 10c0/46448d1ba0addc9d71aeafd05bb8e86ded9641ccad930ac302c2bd2ad71580375604743e18586fcb8f11906edf98e8e17fca75ba0759947bf275d381f68e311d
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -10578,6 +10739,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"log-update@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "log-update@npm:6.1.0"
+  dependencies:
+    ansi-escapes: "npm:^7.0.0"
+    cli-cursor: "npm:^5.0.0"
+    slice-ansi: "npm:^7.1.0"
+    strip-ansi: "npm:^7.1.0"
+    wrap-ansi: "npm:^9.0.0"
+  checksum: 10c0/4b350c0a83d7753fea34dcac6cd797d1dc9603291565de009baa4aa91c0447eab0d3815a05c8ec9ac04fdfffb43c82adcdb03ec1fceafd8518e1a8c1cff4ff89
+  languageName: node
+  linkType: hard
+
 "longest-streak@npm:^3.0.0":
   version: 3.1.0
   resolution: "longest-streak@npm:3.1.0"
@@ -11109,6 +11283,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mimic-function@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "mimic-function@npm:5.0.1"
+  checksum: 10c0/f3d9464dd1816ecf6bdf2aec6ba32c0728022039d992f178237d8e289b48764fee4131319e72eedd4f7f094e22ded0af836c3187a7edc4595d28dd74368fd81d
+  languageName: node
+  linkType: hard
+
 "mimic-response@npm:^3.1.0":
   version: 3.1.0
   resolution: "mimic-response@npm:3.1.0"
@@ -11267,6 +11448,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nano-spawn@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "nano-spawn@npm:2.0.0"
+  checksum: 10c0/d00f9b5739f86e28cb732ffd774793e110810cded246b8393c75c4f22674af47f98ee37b19f022ada2d8c9425f800e841caa0662fbff4c0930a10e39339fb366
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.11, nanoid@npm:^3.3.6":
   version: 3.3.11
   resolution: "nanoid@npm:3.3.11"
@@ -11634,6 +11822,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"onetime@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "onetime@npm:7.0.0"
+  dependencies:
+    mimic-function: "npm:^5.0.0"
+  checksum: 10c0/5cb9179d74b63f52a196a2e7037ba2b9a893245a5532d3f44360012005c9cadb60851d56716ebff18a6f47129dab7168022445df47c2aff3b276d92585ed1221
+  languageName: node
+  linkType: hard
+
 "optionator@npm:^0.9.3":
   version: 0.9.4
   resolution: "optionator@npm:0.9.4"
@@ -11991,6 +12188,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pidtree@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "pidtree@npm:0.6.0"
+  bin:
+    pidtree: bin/pidtree.js
+  checksum: 10c0/0829ec4e9209e230f74ebf4265f5ccc9ebfb488334b525cb13f86ff801dca44b362c41252cd43ae4d7653a10a5c6ab3be39d2c79064d6895e0d78dc50a5ed6e9
+  languageName: node
+  linkType: hard
+
 "pify@npm:^2.3.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -12184,7 +12390,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.38, postcss@npm:^8.4.47":
+"postcss@npm:^8.4.38, postcss@npm:^8.4.4, postcss@npm:^8.4.47":
   version: 8.5.6
   resolution: "postcss@npm:8.5.6"
   dependencies:
@@ -12349,7 +12555,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^3.2.5, prettier@npm:^3.4.2":
+"prettier@npm:^3.2.5, prettier@npm:^3.8.0":
   version: 3.8.0
   resolution: "prettier@npm:3.8.0"
   bin:
@@ -12925,6 +13131,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"restore-cursor@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "restore-cursor@npm:5.1.0"
+  dependencies:
+    onetime: "npm:^7.0.0"
+    signal-exit: "npm:^4.1.0"
+  checksum: 10c0/c2ba89131eea791d1b25205bdfdc86699767e2b88dee2a590b1a6caa51737deac8bad0260a5ded2f7c074b7db2f3a626bcf1fcf3cdf35974cbeea5e2e6764f60
+  languageName: node
+  linkType: hard
+
 "retry@npm:^0.12.0":
   version: 0.12.0
   resolution: "retry@npm:0.12.0"
@@ -12939,6 +13155,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rfdc@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "rfdc@npm:1.4.1"
+  checksum: 10c0/4614e4292356cafade0b6031527eea9bc90f2372a22c012313be1dcc69a3b90c7338158b414539be863fa95bfcb2ddcd0587be696841af4e6679d85e62c060c7
+  languageName: node
+  linkType: hard
+
 "robust-predicates@npm:^3.0.2":
   version: 3.0.2
   resolution: "robust-predicates@npm:3.0.2"
@@ -13310,6 +13533,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"signal-exit@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "signal-exit@npm:4.1.0"
+  checksum: 10c0/41602dce540e46d599edba9d9860193398d135f7ff72cab629db5171516cfae628d21e7bfccde1bbfdf11c48726bc2a6d1a8fb8701125852fbfda7cf19c6aa83
+  languageName: node
+  linkType: hard
+
 "simple-concat@npm:^1.0.0":
   version: 1.0.1
   resolution: "simple-concat@npm:1.0.1"
@@ -13358,6 +13588,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slice-ansi@npm:^7.1.0":
+  version: 7.1.2
+  resolution: "slice-ansi@npm:7.1.2"
+  dependencies:
+    ansi-styles: "npm:^6.2.1"
+    is-fullwidth-code-point: "npm:^5.0.0"
+  checksum: 10c0/36742f2eb0c03e2e81a38ed14d13a64f7b732fe38c3faf96cce0599788a345011e840db35f1430ca606ea3f8db2abeb92a8d25c2753a819e3babaa10c2e289a2
+  languageName: node
+  linkType: hard
+
 "smart-buffer@npm:^4.2.0":
   version: 4.2.0
   resolution: "smart-buffer@npm:4.2.0"
@@ -13530,6 +13770,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-argv@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "string-argv@npm:0.3.2"
+  checksum: 10c0/75c02a83759ad1722e040b86823909d9a2fc75d15dd71ec4b537c3560746e33b5f5a07f7332d1e3f88319909f82190843aa2f0a0d8c8d591ec08e93d5b8dec82
+  languageName: node
+  linkType: hard
+
 "string-length@npm:^4.0.1":
   version: 4.0.2
   resolution: "string-length@npm:4.0.2"
@@ -13551,6 +13798,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-width@npm:^7.0.0":
+  version: 7.2.0
+  resolution: "string-width@npm:7.2.0"
+  dependencies:
+    emoji-regex: "npm:^10.3.0"
+    get-east-asian-width: "npm:^1.0.0"
+    strip-ansi: "npm:^7.1.0"
+  checksum: 10c0/eb0430dd43f3199c7a46dcbf7a0b34539c76fe3aa62763d0b0655acdcbdf360b3f66f3d58ca25ba0205f42ea3491fa00f09426d3b7d3040e506878fc7664c9b9
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^8.0.0":
+  version: 8.1.0
+  resolution: "string-width@npm:8.1.0"
+  dependencies:
+    get-east-asian-width: "npm:^1.3.0"
+    strip-ansi: "npm:^7.1.0"
+  checksum: 10c0/749b5d0dab2532b4b6b801064230f4da850f57b3891287023117ab63a464ad79dd208f42f793458f48f3ad121fe2e1f01dd525ff27ead957ed9f205e27406593
+  languageName: node
+  linkType: hard
+
 "string.prototype.includes@npm:^2.0.1":
   version: 2.0.1
   resolution: "string.prototype.includes@npm:2.0.1"
@@ -13675,6 +13943,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-ansi@npm:^7.1.0":
+  version: 7.1.2
+  resolution: "strip-ansi@npm:7.1.2"
+  dependencies:
+    ansi-regex: "npm:^6.0.1"
+  checksum: 10c0/0d6d7a023de33368fd042aab0bf48f4f4077abdfd60e5393e73c7c411e85e1b3a83507c11af2e656188511475776215df9ca589b4da2295c9455cc399ce1858b
+  languageName: node
+  linkType: hard
+
 "strip-bom@npm:^3.0.0":
   version: 3.0.0
   resolution: "strip-bom@npm:3.0.0"
@@ -14841,6 +15118,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wrap-ansi@npm:^9.0.0":
+  version: 9.0.2
+  resolution: "wrap-ansi@npm:9.0.2"
+  dependencies:
+    ansi-styles: "npm:^6.2.1"
+    string-width: "npm:^7.0.0"
+    strip-ansi: "npm:^7.1.0"
+  checksum: 10c0/3305839b9a0d6fb930cb63a52f34d3936013d8b0682ff3ec133c9826512620f213800ffa19ea22904876d5b7e9a3c1f40682f03597d986a4ca881fa7b033688c
+  languageName: node
+  linkType: hard
+
 "wrappy@npm:1":
   version: 1.0.2
   resolution: "wrappy@npm:1.0.2"
@@ -14941,6 +15229,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:^2.8.1":
+  version: 2.8.2
+  resolution: "yaml@npm:2.8.2"
+  bin:
+    yaml: bin.mjs
+  checksum: 10c0/703e4dc1e34b324aa66876d63618dcacb9ed49f7e7fe9b70f1e703645be8d640f68ab84f12b86df8ac960bac37acf5513e115de7c970940617ce0343c8c9cd96
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:^20.2.2":
   version: 20.2.9
   resolution: "yargs-parser@npm:20.2.9"

From 06dcbfb82c97c8c7e559081771b6ed555b0ebbe9 Mon Sep 17 00:00:00 2001
From: Alex Moreton <alex.moreton@tla.co>
Date: Sat, 17 Jan 2026 16:33:10 +0000
Subject: [PATCH 2/3] Security patch updates for PayloadCMS related libs

---
 package.json |  30 +--
 yarn.lock    | 522 ++++++++++++++-------------------------------------
 2 files changed, 159 insertions(+), 393 deletions(-)

diff --git a/package.json b/package.json
index eb2c641..f41a3d9 100644
--- a/package.json
+++ b/package.json
@@ -33,17 +33,17 @@
   "dependencies": {
     "@faceless-ui/modal": "3.0.0",
     "@faceless-ui/scroll-info": "2.0.0",
-    "@payloadcms/db-postgres": "3.69.0",
-    "@payloadcms/live-preview-react": "3.69.0",
-    "@payloadcms/next": "3.69.0",
-    "@payloadcms/payload-cloud": "3.69.0",
-    "@payloadcms/plugin-form-builder": "3.69.0",
-    "@payloadcms/plugin-nested-docs": "3.69.0",
-    "@payloadcms/plugin-redirects": "3.69.0",
-    "@payloadcms/plugin-search": "3.69.0",
-    "@payloadcms/plugin-seo": "3.69.0",
-    "@payloadcms/richtext-lexical": "3.69.0",
-    "@payloadcms/ui": "3.69.0",
+    "@payloadcms/db-postgres": "3.72.0",
+    "@payloadcms/live-preview-react": "3.72.0",
+    "@payloadcms/next": "3.72.0",
+    "@payloadcms/payload-cloud": "3.72.0",
+    "@payloadcms/plugin-form-builder": "3.72.0",
+    "@payloadcms/plugin-nested-docs": "3.72.0",
+    "@payloadcms/plugin-redirects": "3.72.0",
+    "@payloadcms/plugin-search": "3.72.0",
+    "@payloadcms/plugin-seo": "3.72.0",
+    "@payloadcms/richtext-lexical": "3.72.0",
+    "@payloadcms/ui": "3.72.0",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-select": "^2.0.0",
@@ -59,8 +59,8 @@
     "lucide-react": "^0.378.0",
     "next": "15.5.9",
     "next-sitemap": "^4.2.3",
-    "nodemailer": "^6.10.0",
-    "payload": "3.69.0",
+    "nodemailer": "^7.0.12",
+    "payload": "3.72.0",
     "payload-admin-bar": "^1.0.6",
     "prism-react-renderer": "^2.3.1",
     "react": "19.2.3",
@@ -107,5 +107,9 @@
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"
+  },
+  "resolutions": {
+    "tar": "^7.5.2",
+    "esbuild": "^0.25.12"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index a3d2b3d..454dd2a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1304,7 +1304,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@dnd-kit/accessibility@npm:^3.0.0":
+"@dnd-kit/accessibility@npm:^3.1.1":
   version: 3.1.1
   resolution: "@dnd-kit/accessibility@npm:3.1.1"
   dependencies:
@@ -1315,17 +1315,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@dnd-kit/core@npm:6.0.8":
-  version: 6.0.8
-  resolution: "@dnd-kit/core@npm:6.0.8"
+"@dnd-kit/core@npm:6.3.1":
+  version: 6.3.1
+  resolution: "@dnd-kit/core@npm:6.3.1"
   dependencies:
-    "@dnd-kit/accessibility": "npm:^3.0.0"
-    "@dnd-kit/utilities": "npm:^3.2.1"
+    "@dnd-kit/accessibility": "npm:^3.1.1"
+    "@dnd-kit/utilities": "npm:^3.2.2"
     tslib: "npm:^2.0.0"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/b94b7dbdded15ab1cb53ae50ddfefe02f325fd5fecb977a2be811a23dd564e2a4c7e013fbd54e9eda48756985b1a9d5c53d89d699641adc714f26cbbc0bac632
+  checksum: 10c0/196db95d81096d9dc248983533eab91ba83591770fa5c894b1ac776f42af0d99522b3fd5bb3923411470e4733fcfa103e6ee17adc17b9b7eb54c7fbec5ff7c52
   languageName: node
   linkType: hard
 
@@ -1342,20 +1342,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@dnd-kit/sortable@npm:7.0.2":
-  version: 7.0.2
-  resolution: "@dnd-kit/sortable@npm:7.0.2"
+"@dnd-kit/sortable@npm:10.0.0":
+  version: 10.0.0
+  resolution: "@dnd-kit/sortable@npm:10.0.0"
   dependencies:
-    "@dnd-kit/utilities": "npm:^3.2.0"
+    "@dnd-kit/utilities": "npm:^3.2.2"
     tslib: "npm:^2.0.0"
   peerDependencies:
-    "@dnd-kit/core": ^6.0.7
+    "@dnd-kit/core": ^6.3.0
     react: ">=16.8.0"
-  checksum: 10c0/06aeb113eeeb470bb2443bf1c48d597157bb3a1caa9740e60c2fa73a3076e753cd083a2d381f0556bd7e9873e851a49ce8ea14796ac02e2d796eabea4e27196d
+  checksum: 10c0/37ee48bc6789fb512dc0e4c374a96d19abe5b2b76dc34856a5883aaa96c3297891b94cc77bbc409e074dcce70967ebcb9feb40cd9abadb8716fc280b4c7f99af
   languageName: node
   linkType: hard
 
-"@dnd-kit/utilities@npm:3.2.2, @dnd-kit/utilities@npm:^3.2.0, @dnd-kit/utilities@npm:^3.2.1, @dnd-kit/utilities@npm:^3.2.2":
+"@dnd-kit/utilities@npm:3.2.2, @dnd-kit/utilities@npm:^3.2.2":
   version: 3.2.2
   resolution: "@dnd-kit/utilities@npm:3.2.2"
   dependencies:
@@ -1545,13 +1545,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/android-arm64@npm:0.18.20"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/android-arm64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/android-arm64@npm:0.25.12"
@@ -1559,13 +1552,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/android-arm@npm:0.18.20"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
 "@esbuild/android-arm@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/android-arm@npm:0.25.12"
@@ -1573,13 +1559,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/android-x64@npm:0.18.20"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/android-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/android-x64@npm:0.25.12"
@@ -1587,13 +1566,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/darwin-arm64@npm:0.18.20"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/darwin-arm64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/darwin-arm64@npm:0.25.12"
@@ -1601,13 +1573,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/darwin-x64@npm:0.18.20"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/darwin-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/darwin-x64@npm:0.25.12"
@@ -1615,13 +1580,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/freebsd-arm64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/freebsd-arm64@npm:0.25.12"
@@ -1629,13 +1587,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/freebsd-x64@npm:0.18.20"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/freebsd-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/freebsd-x64@npm:0.25.12"
@@ -1643,13 +1594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-arm64@npm:0.18.20"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-arm64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-arm64@npm:0.25.12"
@@ -1657,13 +1601,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-arm@npm:0.18.20"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-arm@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-arm@npm:0.25.12"
@@ -1671,13 +1608,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-ia32@npm:0.18.20"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-ia32@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-ia32@npm:0.25.12"
@@ -1685,13 +1615,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-loong64@npm:0.18.20"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-loong64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-loong64@npm:0.25.12"
@@ -1699,13 +1622,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-mips64el@npm:0.18.20"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-mips64el@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-mips64el@npm:0.25.12"
@@ -1713,13 +1629,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-ppc64@npm:0.18.20"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-ppc64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-ppc64@npm:0.25.12"
@@ -1727,13 +1636,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-riscv64@npm:0.18.20"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-riscv64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-riscv64@npm:0.25.12"
@@ -1741,13 +1643,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-s390x@npm:0.18.20"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-s390x@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-s390x@npm:0.25.12"
@@ -1755,13 +1650,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-x64@npm:0.18.20"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/linux-x64@npm:0.25.12"
@@ -1776,13 +1664,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/netbsd-x64@npm:0.18.20"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/netbsd-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/netbsd-x64@npm:0.25.12"
@@ -1797,13 +1678,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/openbsd-x64@npm:0.18.20"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/openbsd-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/openbsd-x64@npm:0.25.12"
@@ -1818,13 +1692,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/sunos-x64@npm:0.18.20"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/sunos-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/sunos-x64@npm:0.25.12"
@@ -1832,13 +1699,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/win32-arm64@npm:0.18.20"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/win32-arm64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/win32-arm64@npm:0.25.12"
@@ -1846,13 +1706,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/win32-ia32@npm:0.18.20"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
 "@esbuild/win32-ia32@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/win32-ia32@npm:0.25.12"
@@ -1860,13 +1713,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/win32-x64@npm:0.18.20"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/win32-x64@npm:0.25.12":
   version: 0.25.12
   resolution: "@esbuild/win32-x64@npm:0.25.12"
@@ -3071,11 +2917,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@payloadcms/db-postgres@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/db-postgres@npm:3.69.0"
+"@payloadcms/db-postgres@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/db-postgres@npm:3.72.0"
   dependencies:
-    "@payloadcms/drizzle": "npm:3.69.0"
+    "@payloadcms/drizzle": "npm:3.72.0"
     "@types/pg": "npm:8.10.2"
     console-table-printer: "npm:2.12.1"
     drizzle-kit: "npm:0.31.7"
@@ -3085,14 +2931,14 @@ __metadata:
     to-snake-case: "npm:1.0.0"
     uuid: "npm:10.0.0"
   peerDependencies:
-    payload: 3.69.0
-  checksum: 10c0/f512fe848f7d0886e2b6b8e7403f175d39fc622fd29f96cad196eab1a981e2cf66fd45df788b265c1367db836b9c917ddbcb0081d9fe0b4b06e3a294e60f59c2
+    payload: 3.72.0
+  checksum: 10c0/fd8953cd52eb407583a39a395860e3767b7a6c1cdf79c8eb6d5f995788737a7a51693168bd22edcec1bd7977309bcc334f429d469c7bf9b4a3bbf6c26799c9c9
   languageName: node
   linkType: hard
 
-"@payloadcms/drizzle@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/drizzle@npm:3.69.0"
+"@payloadcms/drizzle@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/drizzle@npm:3.72.0"
   dependencies:
     console-table-printer: "npm:2.12.1"
     dequal: "npm:2.0.3"
@@ -3101,25 +2947,25 @@ __metadata:
     to-snake-case: "npm:1.0.0"
     uuid: "npm:9.0.0"
   peerDependencies:
-    payload: 3.69.0
-  checksum: 10c0/edc4bde82719d31dd9b5e9965f213ac7783732e68189b9861a43c136e5a29127f253477bdeef49e271656c5183c9588dc8066599072dbaec38a16338e3b67411
+    payload: 3.72.0
+  checksum: 10c0/5103966bf628f002495091f4640c7e67d1a2abf56c81ad78d08bd8c6276af3165f15d3176e5c094cfeecb2610a2ea8a6781bcfe034bff5b0b54e4b0bca075e53
   languageName: node
   linkType: hard
 
-"@payloadcms/email-nodemailer@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/email-nodemailer@npm:3.69.0"
+"@payloadcms/email-nodemailer@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/email-nodemailer@npm:3.72.0"
   dependencies:
-    nodemailer: "npm:7.0.9"
+    nodemailer: "npm:7.0.12"
   peerDependencies:
-    payload: 3.69.0
-  checksum: 10c0/ad50e1aaed11cb33516d6ef41aa0ad186580326218d45c9c8f3f2b5b4a7f64a5c15cfd4b5754cc7e615e3edf6cacb480b57e590691b65ae873e13556896f26ea
+    payload: 3.72.0
+  checksum: 10c0/931f20459b39e50dbfb8b5d6289a83bd72609fd9fa7c5fe92738f0463908d4a4411e0229c8c60680339ef5391b264d97ab969b150e25d9b5044696dd57cb2755
   languageName: node
   linkType: hard
 
-"@payloadcms/graphql@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/graphql@npm:3.69.0"
+"@payloadcms/graphql@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/graphql@npm:3.72.0"
   dependencies:
     graphql-scalars: "npm:1.22.2"
     pluralize: "npm:8.0.0"
@@ -3127,42 +2973,42 @@ __metadata:
     tsx: "npm:4.20.6"
   peerDependencies:
     graphql: ^16.8.1
-    payload: 3.69.0
+    payload: 3.72.0
   bin:
     payload-graphql: bin.js
-  checksum: 10c0/ea25499ee88581694066ec17f6e737cade5941c468d68a4ce9bc0f8304ca69e462445a9d7b4a5a7ad519014949eba3af1582591e7c206eb7ab856cc4ebb6dd11
+  checksum: 10c0/07c3a1d2b7c6a52b63074fa4abf4b5c4613dbda99716b97acc2fc2a1445d562c5402cd765148ea3e535f791f720c3d131179fe3c41697b8771b04dd0b15df65b
   languageName: node
   linkType: hard
 
-"@payloadcms/live-preview-react@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/live-preview-react@npm:3.69.0"
+"@payloadcms/live-preview-react@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/live-preview-react@npm:3.72.0"
   dependencies:
-    "@payloadcms/live-preview": "npm:3.69.0"
+    "@payloadcms/live-preview": "npm:3.72.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.1 || ^19.1.2 || ^19.2.1
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.1 || ^19.1.2 || ^19.2.1
-  checksum: 10c0/05f7b882e254929c519fe9bf92605f252d5d096fda53f5909d71f342f7a8910a6e8079df0c97403354f9cdb6f5a4df000477ba21e477559936acd6391e5442db
+  checksum: 10c0/811ad5f4676c962b1b32bb19acf1153322eb5ca42c821daee2f9d912714cd71e1217eccdbad96db1ecdc0566ac1cc36ddc404ec3cd4b279b994a474222e54522
   languageName: node
   linkType: hard
 
-"@payloadcms/live-preview@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/live-preview@npm:3.69.0"
-  checksum: 10c0/31ec2d085c74e689a6e69d4470d70fa46ce0a3b3e5da3ecd539486930a0a1cc4ad78e38e7801f1a3303ae51fa12f5af5591bf782986d237ab2a92be078f117a6
+"@payloadcms/live-preview@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/live-preview@npm:3.72.0"
+  checksum: 10c0/e2a3b0b6c264dc8f22af208405c6daacf1237f5c0b1fca04b3bae55d13e018e1d0b15781adda60a7ea824fa6d96e033e74fa68b000626778208a4ca2b856057b
   languageName: node
   linkType: hard
 
-"@payloadcms/next@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/next@npm:3.69.0"
+"@payloadcms/next@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/next@npm:3.72.0"
   dependencies:
-    "@dnd-kit/core": "npm:6.0.8"
+    "@dnd-kit/core": "npm:6.3.1"
     "@dnd-kit/modifiers": "npm:9.0.0"
-    "@dnd-kit/sortable": "npm:7.0.2"
-    "@payloadcms/graphql": "npm:3.69.0"
-    "@payloadcms/translations": "npm:3.69.0"
-    "@payloadcms/ui": "npm:3.69.0"
+    "@dnd-kit/sortable": "npm:10.0.0"
+    "@payloadcms/graphql": "npm:3.72.0"
+    "@payloadcms/translations": "npm:3.72.0"
+    "@payloadcms/ui": "npm:3.72.0"
     busboy: "npm:^1.6.0"
     dequal: "npm:2.0.3"
     file-type: "npm:19.3.0"
@@ -3176,94 +3022,94 @@ __metadata:
   peerDependencies:
     graphql: ^16.8.1
     next: ^15.4.10
-    payload: 3.69.0
-  checksum: 10c0/13d4d5a237161fde92d64bfa53f1690ab50b45f4634d0bfaeeff3394a56781ca3171273b986c1fb7d23f8bc664dfe7b95c26f6a97d916065528a97b05795f986
+    payload: 3.72.0
+  checksum: 10c0/4ed4a090991d1808bcc1b321de6ce9e214ed30140ccc1af601fcf21bcb97253ff7d643dfd10b5be9b1281e886e802ee8769898345aa34ca38e67f6f0b199cfe0
   languageName: node
   linkType: hard
 
-"@payloadcms/payload-cloud@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/payload-cloud@npm:3.69.0"
+"@payloadcms/payload-cloud@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/payload-cloud@npm:3.72.0"
   dependencies:
     "@aws-sdk/client-cognito-identity": "npm:^3.614.0"
     "@aws-sdk/client-s3": "npm:^3.614.0"
     "@aws-sdk/credential-providers": "npm:^3.614.0"
     "@aws-sdk/lib-storage": "npm:^3.614.0"
-    "@payloadcms/email-nodemailer": "npm:3.69.0"
+    "@payloadcms/email-nodemailer": "npm:3.72.0"
     amazon-cognito-identity-js: "npm:^6.1.2"
-    nodemailer: "npm:7.0.9"
+    nodemailer: "npm:7.0.12"
   peerDependencies:
-    payload: 3.69.0
-  checksum: 10c0/3e011668d0f18c16fb60638d594a4da92a494ace8565d86e45ad1e2eaa38aa2fa2439473d8e658ad8cf3d0b98a9d9446308f2a01da4b64a068154f319817a2d5
+    payload: 3.72.0
+  checksum: 10c0/d680c8813ffdb4489a7d3234914878c03b9514e53fc41b49684bcbb596c8bdf8a827d99a3d23439ea33d66e2a739bd1a955ca2598f194efb7ad2802f9e593a51
   languageName: node
   linkType: hard
 
-"@payloadcms/plugin-form-builder@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/plugin-form-builder@npm:3.69.0"
+"@payloadcms/plugin-form-builder@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/plugin-form-builder@npm:3.72.0"
   dependencies:
-    "@payloadcms/ui": "npm:3.69.0"
+    "@payloadcms/ui": "npm:3.72.0"
     escape-html: "npm:^1.0.3"
   peerDependencies:
-    payload: 3.69.0
+    payload: 3.72.0
     react: ^19.0.1 || ^19.1.2 || ^19.2.1
     react-dom: ^19.0.1 || ^19.1.2 || ^19.2.1
-  checksum: 10c0/75cd8b418d7751188cad062d2e0b8260f7dbb6fe5877a89db0e0191f5ee89908b96e022e911389c128d9eaa9714c6824c34c7bcde17f34288e65f08b069f019f
+  checksum: 10c0/65509e041c7084c479208ebb7866729c69d9e0ad20f78ce6f964dd61ab31131cd73a8bc5f2d1dff358aeeb1a5444c02c590fbadaf1e40b242f760a0c949dca15
   languageName: node
   linkType: hard
 
-"@payloadcms/plugin-nested-docs@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/plugin-nested-docs@npm:3.69.0"
+"@payloadcms/plugin-nested-docs@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/plugin-nested-docs@npm:3.72.0"
   peerDependencies:
-    payload: 3.69.0
-  checksum: 10c0/f0eddc0307047f19384fa5432a5b710d12f46e6e80f273a1d246315a770f2b0a82df93063a006a11776b457d20453e91fd39ab6a6b4dfbced066a9c548d77a35
+    payload: 3.72.0
+  checksum: 10c0/a7c6e63a67fafb48163771a19ec535bd02e894fa6a21baeff89eaab512d077fb11c550c854e73921722e948ce580f426ace3bc6b8720a59acc51ee18ddf1739b
   languageName: node
   linkType: hard
 
-"@payloadcms/plugin-redirects@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/plugin-redirects@npm:3.69.0"
+"@payloadcms/plugin-redirects@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/plugin-redirects@npm:3.72.0"
   dependencies:
-    "@payloadcms/translations": "npm:3.69.0"
-    payload: "npm:3.69.0"
+    "@payloadcms/translations": "npm:3.72.0"
+    payload: "npm:3.72.0"
   peerDependencies:
-    payload: 3.69.0
-  checksum: 10c0/87dcf1137fff495d705416fe30f2bc87c100fcd2fd51f4ea28abaccd104e1b5814dd304cbb912d03d4a810aeae6fd7484a215a636ba33392b0990809e44a7663
+    payload: 3.72.0
+  checksum: 10c0/0117c21e42af7a88d1f3f4bed81315d4a89e8df4326d20688acc6743109d177629af6cacca58d13fa5c477ac336844e5e8c42623c152be5b6176117b53dbd08c
   languageName: node
   linkType: hard
 
-"@payloadcms/plugin-search@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/plugin-search@npm:3.69.0"
+"@payloadcms/plugin-search@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/plugin-search@npm:3.72.0"
   dependencies:
-    "@payloadcms/next": "npm:3.69.0"
-    "@payloadcms/ui": "npm:3.69.0"
+    "@payloadcms/next": "npm:3.72.0"
+    "@payloadcms/ui": "npm:3.72.0"
   peerDependencies:
-    payload: 3.69.0
+    payload: 3.72.0
     react: ^19.0.1 || ^19.1.2 || ^19.2.1
     react-dom: ^19.0.1 || ^19.1.2 || ^19.2.1
-  checksum: 10c0/eb813c1d8e94a36a5d310b82bcc2f60dbc944716da1c6c63da0b4233a24a371206bcc9d6531ba664f540ec1cdb121509e11763fbdf1d9b51b272c4dd770ecb9f
+  checksum: 10c0/1035a981b244929b062f91cbdc037d8c53f72443055dd205bae79910690ee18fd733e6042e1748a49f54e35268ab47172f846853ce5a28556dd95e0e284ceb89
   languageName: node
   linkType: hard
 
-"@payloadcms/plugin-seo@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/plugin-seo@npm:3.69.0"
+"@payloadcms/plugin-seo@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/plugin-seo@npm:3.72.0"
   dependencies:
-    "@payloadcms/translations": "npm:3.69.0"
-    "@payloadcms/ui": "npm:3.69.0"
+    "@payloadcms/translations": "npm:3.72.0"
+    "@payloadcms/ui": "npm:3.72.0"
   peerDependencies:
-    payload: 3.69.0
+    payload: 3.72.0
     react: ^19.0.1 || ^19.1.2 || ^19.2.1
     react-dom: ^19.0.1 || ^19.1.2 || ^19.2.1
-  checksum: 10c0/b3ffef60acf2916a5832ea80d750323afc46c0d2261bb69e5feeb65e119a0bd68b71739444106133bcc12f672c31c6c04e16e49e4836be3dff585972c311c159
+  checksum: 10c0/e713e6a36788f391600eaeedaab1110fbe0281d58bdcf490884627ea735b2b7e5e2b55a63c63f361f501d6c9ef64a2e51dfa69d2e4ef1471f63e6cc048cc81ef
   languageName: node
   linkType: hard
 
-"@payloadcms/richtext-lexical@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/richtext-lexical@npm:3.69.0"
+"@payloadcms/richtext-lexical@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/richtext-lexical@npm:3.72.0"
   dependencies:
     "@lexical/clipboard": "npm:0.35.0"
     "@lexical/headless": "npm:0.35.0"
@@ -3276,8 +3122,8 @@ __metadata:
     "@lexical/selection": "npm:0.35.0"
     "@lexical/table": "npm:0.35.0"
     "@lexical/utils": "npm:0.35.0"
-    "@payloadcms/translations": "npm:3.69.0"
-    "@payloadcms/ui": "npm:3.69.0"
+    "@payloadcms/translations": "npm:3.72.0"
+    "@payloadcms/ui": "npm:3.72.0"
     "@types/uuid": "npm:10.0.0"
     acorn: "npm:8.12.1"
     bson-objectid: "npm:2.0.4"
@@ -3296,36 +3142,36 @@ __metadata:
   peerDependencies:
     "@faceless-ui/modal": 3.0.0
     "@faceless-ui/scroll-info": 2.0.0
-    "@payloadcms/next": 3.69.0
-    payload: 3.69.0
+    "@payloadcms/next": 3.72.0
+    payload: 3.72.0
     react: ^19.0.1 || ^19.1.2 || ^19.2.1
     react-dom: ^19.0.1 || ^19.1.2 || ^19.2.1
-  checksum: 10c0/8bb92f975f0986c882537d8365cd8d7f35a2f940b215bc88e0542527b821892c1d036a5ba1ea8555058d169485b3b579008b54945fcb845f4255c289838286ae
+  checksum: 10c0/126bcfd3f86506d5b02bea11cb54302cac29c411a7766cab65e898ebdd421d0fdd807d8217ed7cbdff5ea1247bd42e0e3ac8e065c80053fdeaf663cfc3413428
   languageName: node
   linkType: hard
 
-"@payloadcms/translations@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/translations@npm:3.69.0"
+"@payloadcms/translations@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/translations@npm:3.72.0"
   dependencies:
     date-fns: "npm:4.1.0"
-  checksum: 10c0/1388dff675cb82a3f23478d83095432bcad9fa1c76a22bd782b68cf90b0859b4245927a0c9c74e53b0de3cd3379676124b8f27ccd201887393770d51583d81d4
+  checksum: 10c0/9f9f0defa5652d05461bf0d91da1cab8c1dbf2e51c971dfed9634b1c12e0208df90f3a8bf3d5c8519c0f1cfb4c8a5957633cfb373333bd044882eb2af8fcc62f
   languageName: node
   linkType: hard
 
-"@payloadcms/ui@npm:3.69.0":
-  version: 3.69.0
-  resolution: "@payloadcms/ui@npm:3.69.0"
+"@payloadcms/ui@npm:3.72.0":
+  version: 3.72.0
+  resolution: "@payloadcms/ui@npm:3.72.0"
   dependencies:
     "@date-fns/tz": "npm:1.2.0"
-    "@dnd-kit/core": "npm:6.0.8"
-    "@dnd-kit/sortable": "npm:7.0.2"
+    "@dnd-kit/core": "npm:6.3.1"
+    "@dnd-kit/sortable": "npm:10.0.0"
     "@dnd-kit/utilities": "npm:3.2.2"
     "@faceless-ui/modal": "npm:3.0.0"
     "@faceless-ui/scroll-info": "npm:2.0.0"
     "@faceless-ui/window-info": "npm:3.0.1"
     "@monaco-editor/react": "npm:4.7.0"
-    "@payloadcms/translations": "npm:3.69.0"
+    "@payloadcms/translations": "npm:3.72.0"
     bson-objectid: "npm:2.0.4"
     date-fns: "npm:4.1.0"
     dequal: "npm:2.0.3"
@@ -3342,10 +3188,10 @@ __metadata:
     uuid: "npm:10.0.0"
   peerDependencies:
     next: ^15.2.8 || ^15.3.8 || ^15.4.10 || ^15.5.9
-    payload: 3.69.0
+    payload: 3.72.0
     react: ^19.0.1 || ^19.1.2 || ^19.2.1
     react-dom: ^19.0.1 || ^19.1.2 || ^19.2.1
-  checksum: 10c0/4d97463602b7f2cf1aab53077cfcad15c763b5a5cf9b3f582c36602c8ff8c56fc59e56cd12afd59d9e2ec397cc15693b9673ebeb63949e2a635f9ded8977321b
+  checksum: 10c0/abb3864464bfbd34c3352d8a8abd669e3dade2932a00c1ebab10af8345b8c558e911c57ef545899d201f14269f1421429b7d179bbe194105fa5d38ceebd526e8
   languageName: node
   linkType: hard
 
@@ -7396,17 +7242,17 @@ __metadata:
     "@eslint/eslintrc": "npm:^3.2.0"
     "@faceless-ui/modal": "npm:3.0.0"
     "@faceless-ui/scroll-info": "npm:2.0.0"
-    "@payloadcms/db-postgres": "npm:3.69.0"
-    "@payloadcms/live-preview-react": "npm:3.69.0"
-    "@payloadcms/next": "npm:3.69.0"
-    "@payloadcms/payload-cloud": "npm:3.69.0"
-    "@payloadcms/plugin-form-builder": "npm:3.69.0"
-    "@payloadcms/plugin-nested-docs": "npm:3.69.0"
-    "@payloadcms/plugin-redirects": "npm:3.69.0"
-    "@payloadcms/plugin-search": "npm:3.69.0"
-    "@payloadcms/plugin-seo": "npm:3.69.0"
-    "@payloadcms/richtext-lexical": "npm:3.69.0"
-    "@payloadcms/ui": "npm:3.69.0"
+    "@payloadcms/db-postgres": "npm:3.72.0"
+    "@payloadcms/live-preview-react": "npm:3.72.0"
+    "@payloadcms/next": "npm:3.72.0"
+    "@payloadcms/payload-cloud": "npm:3.72.0"
+    "@payloadcms/plugin-form-builder": "npm:3.72.0"
+    "@payloadcms/plugin-nested-docs": "npm:3.72.0"
+    "@payloadcms/plugin-redirects": "npm:3.72.0"
+    "@payloadcms/plugin-search": "npm:3.72.0"
+    "@payloadcms/plugin-seo": "npm:3.72.0"
+    "@payloadcms/richtext-lexical": "npm:3.72.0"
+    "@payloadcms/ui": "npm:3.72.0"
     "@radix-ui/react-checkbox": "npm:^1.0.4"
     "@radix-ui/react-label": "npm:^2.0.2"
     "@radix-ui/react-select": "npm:^2.0.0"
@@ -7446,8 +7292,8 @@ __metadata:
     lucide-react: "npm:^0.378.0"
     next: "npm:15.5.9"
     next-sitemap: "npm:^4.2.3"
-    nodemailer: "npm:^6.10.0"
-    payload: "npm:3.69.0"
+    nodemailer: "npm:^7.0.12"
+    payload: "npm:3.72.0"
     payload-admin-bar: "npm:^1.0.6"
     postcss: "npm:^8.4.38"
     prettier: "npm:^3.8.0"
@@ -8032,7 +7878,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.25.4, esbuild@npm:~0.25.0":
+"esbuild@npm:^0.25.12":
   version: 0.25.12
   resolution: "esbuild@npm:0.25.12"
   dependencies:
@@ -8121,83 +7967,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:~0.18.20":
-  version: 0.18.20
-  resolution: "esbuild@npm:0.18.20"
-  dependencies:
-    "@esbuild/android-arm": "npm:0.18.20"
-    "@esbuild/android-arm64": "npm:0.18.20"
-    "@esbuild/android-x64": "npm:0.18.20"
-    "@esbuild/darwin-arm64": "npm:0.18.20"
-    "@esbuild/darwin-x64": "npm:0.18.20"
-    "@esbuild/freebsd-arm64": "npm:0.18.20"
-    "@esbuild/freebsd-x64": "npm:0.18.20"
-    "@esbuild/linux-arm": "npm:0.18.20"
-    "@esbuild/linux-arm64": "npm:0.18.20"
-    "@esbuild/linux-ia32": "npm:0.18.20"
-    "@esbuild/linux-loong64": "npm:0.18.20"
-    "@esbuild/linux-mips64el": "npm:0.18.20"
-    "@esbuild/linux-ppc64": "npm:0.18.20"
-    "@esbuild/linux-riscv64": "npm:0.18.20"
-    "@esbuild/linux-s390x": "npm:0.18.20"
-    "@esbuild/linux-x64": "npm:0.18.20"
-    "@esbuild/netbsd-x64": "npm:0.18.20"
-    "@esbuild/openbsd-x64": "npm:0.18.20"
-    "@esbuild/sunos-x64": "npm:0.18.20"
-    "@esbuild/win32-arm64": "npm:0.18.20"
-    "@esbuild/win32-ia32": "npm:0.18.20"
-    "@esbuild/win32-x64": "npm:0.18.20"
-  dependenciesMeta:
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 10c0/473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88
-  languageName: node
-  linkType: hard
-
 "escalade@npm:^3.1.1, escalade@npm:^3.2.0":
   version: 3.2.0
   resolution: "escalade@npm:3.2.0"
@@ -11636,17 +11405,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nodemailer@npm:7.0.9":
-  version: 7.0.9
-  resolution: "nodemailer@npm:7.0.9"
-  checksum: 10c0/029af0c89d64a521aa9969196e44c13ef289c7f419264eed8d63682610999e06205b0fc264ab8ac65941dc3eefd3c435f23337a32880614cc199744c9be6209a
-  languageName: node
-  linkType: hard
-
-"nodemailer@npm:^6.10.0":
-  version: 6.10.1
-  resolution: "nodemailer@npm:6.10.1"
-  checksum: 10c0/e81fde258ea4f4e5646e9e3eebe89294d007939999d2d1a8c96c5488fa00bf659e46cf76fccb2697e9aa6ef9807a1ed47ff2aef6ad30b795e3849b6997066d16
+"nodemailer@npm:7.0.12, nodemailer@npm:^7.0.12":
+  version: 7.0.12
+  resolution: "nodemailer@npm:7.0.12"
+  checksum: 10c0/b03948744423386b5fd7cb5bdf60797f2f71c4d3db202eedf7e0037429b5887cb90b641e7ca244af3b96e0b76949e3135cba96336fb0d3ade00ae33727ca8cf8
   languageName: node
   linkType: hard
 
@@ -12013,12 +11775,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"payload@npm:3.69.0":
-  version: 3.69.0
-  resolution: "payload@npm:3.69.0"
+"payload@npm:3.72.0":
+  version: 3.72.0
+  resolution: "payload@npm:3.72.0"
   dependencies:
     "@next/env": "npm:^15.1.5"
-    "@payloadcms/translations": "npm:3.69.0"
+    "@payloadcms/translations": "npm:3.72.0"
     "@types/busboy": "npm:1.5.4"
     ajv: "npm:8.17.1"
     bson-objectid: "npm:2.0.4"
@@ -12046,14 +11808,14 @@ __metadata:
     scmp: "npm:2.1.0"
     ts-essentials: "npm:10.0.3"
     tsx: "npm:4.20.3"
-    undici: "npm:7.10.0"
+    undici: "npm:7.18.2"
     uuid: "npm:10.0.0"
     ws: "npm:^8.16.0"
   peerDependencies:
     graphql: ^16.8.1
   bin:
     payload: bin.js
-  checksum: 10c0/6fb5791dd9ad3a05259ec5d6b2971613d6e564514a45c374c47753212ff4230dd6b26341625d886f33daf5146df27e85d644318454d35c2292b3078cab6ebdd2
+  checksum: 10c0/51256c9947921c8be48117b0a1c158b0e16d9301d798c87a32d6f6b61af1585bdf4c5d60d36784a8cfeed7c873e18bb94efe1cdff1a246270ac9fc8db98da389
   languageName: node
   linkType: hard
 
@@ -14633,10 +14395,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici@npm:7.10.0":
-  version: 7.10.0
-  resolution: "undici@npm:7.10.0"
-  checksum: 10c0/756ac876a8df845bc89eb8348c35d33a0ff63c17eb45b664075c961a7fbd4a398f94f9dce438262f55fe66e4bbb0a46aa63a3fd58ce51361c616aff11a270450
+"undici@npm:7.18.2":
+  version: 7.18.2
+  resolution: "undici@npm:7.18.2"
+  checksum: 10c0/4ff0722799f5e06fde5d1e58d318b1d78ba9a477836ad3e7374e9ac30ca20d1ab3282952d341635bf69b8e74b5c1cf366e595b3a96810e0dbf74e622dad7b5f9
   languageName: node
   linkType: hard
 

From 370f390861ea1bf77548fb10dcf3ca68eecf18e4 Mon Sep 17 00:00:00 2001
From: Alex Moreton <alex.moreton@tla.co>
Date: Sat, 17 Jan 2026 16:43:57 +0000
Subject: [PATCH 3/3] Add claude.yml securer exec fix

---
 .github/workflows/claude.yml | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/claude.yml b/.github/workflows/claude.yml
index 412cef9..551b9b6 100644
--- a/.github/workflows/claude.yml
+++ b/.github/workflows/claude.yml
@@ -43,8 +43,6 @@ jobs:
           # Optional: Give a custom prompt to Claude. If this is not specified, Claude will perform the instructions specified in the comment that tagged it.
           # prompt: 'Update the pull request description to include a summary of changes.'
 
-          # Optional: Add claude_args to customize behavior and configuration
-          # See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md
-          # or https://docs.claude.com/en/docs/claude-code/cli-reference for available options
-          # claude_args: '--allowed-tools Bash(gh pr:*)'
+          # Restrict tools to prevent arbitrary command execution from external triggers
+          claude_args: '--allowed-tools "Bash(gh issue view:*),Bash(gh issue list:*),Bash(gh pr view:*),Bash(gh pr diff:*),Bash(gh pr list:*),Bash(gh pr comment:*),Bash(gh search:*)"'