Merge pull request #1036 from oBusk/copilot/move-about-pages-to-folder

Move about pages to `-/about` to prevent wildcard route collision

Author: oBusk

…ge/assets/external-services.darkmode.png …ge/assets/external-services.darkmode.pngsrc/app/about/_page/assets/external-services.darkmode.png renamed to src/app/-/about/_page/assets/external-services.darkmode.png src/app/about/_page/assets/external-services.darkmode.png renamed to src/app/-/about/_page/assets/external-services.darkmode.png

@@ -29,7 +29,7 @@ export default function AboutPage() {
                     <Code>libnpmdiff</Code>
                 </ExternalLink>{" "}
                 package to perform a diff between the packages you chose. We
-                then visualize the differance.
+                then visualize the difference.
             </p>
             <Heading>Redirection</Heading>
             <p>
@@ -63,7 +63,7 @@ export default function AboutPage() {
                 <ExternalLink href="https://packagephobia.com">
                     packagephobia
                 </ExternalLink>{" "}
-                to give an overview of the differances between the two, measured
+                to give an overview of the differences between the two, measured
                 in install and bundle size.
             </p>
         </Stack>

…e/assets/external-services.lightmode.png …e/assets/external-services.lightmode.pngsrc/app/about/_page/assets/external-services.lightmode.png renamed to src/app/-/about/_page/assets/external-services.lightmode.png src/app/about/_page/assets/external-services.lightmode.png renamed to src/app/-/about/_page/assets/external-services.lightmode.png

@@ -1,4 +1,3 @@
-/* eslint-disable @next/next/no-img-element */
 import { ImageResponse } from "next/og";
 import { readFile } from "node:fs/promises";
 import { join } from "node:path";

src/app/about/_page/assets/index.ts src/app/-/about/_page/assets/index.tssrc/app/about/_page/assets/index.ts renamed to src/app/-/about/_page/assets/index.ts

@@ -40,13 +40,13 @@ const Header = forwardRef<HTMLElement, HeaderProps>(
                     fallback={
                         <>
                             <NavLinkFallback
-                                href="/about"
+                                href="/-/about"
                                 className="rounded-r-none border-r-0"
                             >
                                 About
                             </NavLinkFallback>
                             <NavLinkFallback
-                                href="/about/api"
+                                href="/-/about/api"
                                 className="rounded-none border-r-0"
                             >
                                 API
@@ -61,13 +61,13 @@ const Header = forwardRef<HTMLElement, HeaderProps>(
                     }
                 >
                     <NavLink
-                        href="/about"
+                        href="/-/about"
                         className="rounded-r-none border-r-0"
                     >
                         About
                     </NavLink>
                     <NavLink
-                        href="/about/api"
+                        href="/-/about/api"
                         className="rounded-none border-r-0"
                     >
                         API

src/app/about/api/page.tsx src/app/-/about/api/page.tsxsrc/app/about/api/page.tsx renamed to src/app/-/about/api/page.tsx

@@ -49,14 +49,14 @@ const MobileMenu = forwardRef<HTMLDivElement, MobileMenuProps>((props, ref) => {
                                 fallback={
                                     <>
                                         <NavLinkFallback
-                                            href="/about"
+                                            href="/-/about"
                                             className="w-full justify-start"
                                             onClick={closeMenu}
                                         >
                                             About
                                         </NavLinkFallback>
                                         <NavLinkFallback
-                                            href="/about/api"
+                                            href="/-/about/api"
                                             className="w-full justify-start"
                                             onClick={closeMenu}
                                         >
@@ -73,14 +73,14 @@ const MobileMenu = forwardRef<HTMLDivElement, MobileMenuProps>((props, ref) => {
                                 }
                             >
                                 <NavLink
-                                    href="/about"
+                                    href="/-/about"
                                     className="w-full justify-start"
                                     onClick={closeMenu}
                                 >
                                     About
                                 </NavLink>
                                 <NavLink
-                                    href="/about/api"
+                                    href="/-/about/api"
                                     className="w-full justify-start"
                                     onClick={closeMenu}
                                 >