Bump next.js version and fix logo loading

Author: Brijesh Bittu

docs/package.json

@@ -20,7 +20,7 @@
     "estree-util-value-to-estree": "^3.3.2",
     "hast-util-to-string": "^3.0.1",
     "lucide-react": "^0.479.0",
-    "next": "15.2.1",
+    "next": "15.2.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "rehype-autolink-headings": "^7.1.0",
@@ -42,7 +42,7 @@
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "eslint": "^9",
-    "eslint-config-next": "15.1.6",
+    "eslint-config-next": "15.2.3",
     "typescript": "^5"
   },
   "nx": {

docs/src/app/(public)/page.pigment.tsx

@@ -46,6 +46,8 @@ export const linkStyle = css(
 );
 
 const logoStyle = css(({ theme }) => ({
+  width: 17,
+  height: 28,
   marginBottom: spacing(theme, 8),
   marginLeft: 1,
 }));
@@ -59,9 +61,10 @@ export default function HomePage() {
         <Image
           className={`${logoStyle}`}
           src="/static/logo.svg"
-          width={18}
-          height={30}
+          width={17}
+          height={28}
           alt={`${process.env.APP_NAME} logo`}
+          loading="eager"
         />
         <Heading>{process.env.APP_NAME}</Heading>
         <Caption>{description}</Caption>

docs/src/components/Header.pigment.ts

@@ -56,6 +56,11 @@ export const logoLink = css(
 `,
 );
 
+export const logoStyle = css`
+  width: 17px;
+  height: 28px;
+`;
+
 export const headerLink = css`
   display: flex;
   align-items: center;

docs/src/components/Header.tsx

@@ -12,6 +12,7 @@ import {
   HeaderLinkContainer,
   Inner,
   logoLink,
+  logoStyle,
   MobileNavContainer,
   NavIcon,
   NpmPackage,
@@ -28,7 +29,14 @@ export function Header() {
     <Root>
       <Inner>
         <NextLink href="/" className={`${logoLink}`}>
-          <Image alt={process.env.APP_NAME} src="/static/logo.svg" width={17} height={28} />
+          <Image
+            className={`${logoStyle}`}
+            alt={process.env.APP_NAME}
+            src="/static/logo.svg"
+            width={17}
+            height={28}
+            loading="eager"
+          />
         </NextLink>
 
         <HeaderLinkContainer>