fix: prepend basePath to portfolio images for GitHub Pages deployment

Next.js <Image> with unoptimized:true does not auto-prepend basePath
to src attributes. Portfolio images were loading as /portfolio/... but
GitHub Pages serves from /TurtleWolfe/ subpath, causing 404s.

Apply the same detectedConfig.basePath pattern already used by
LayeredTurtleWolfeLogo to ProjectShowcaseCard and CaseStudyLayout.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: TurtleWolfe

src/components/molecular/ProjectShowcaseCard/ProjectShowcaseCard.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
+import { detectedConfig } from '@/config/project-detected';
 
 export interface ProjectShowcaseCardProps {
   title: string;
@@ -37,7 +38,7 @@ export default function ProjectShowcaseCard({
       {image ? (
         <figure className="relative aspect-video w-full overflow-hidden">
           <Image
-            src={image.src}
+            src={`${detectedConfig.basePath}${image.src}`}
             alt={image.alt}
             fill
             className="object-cover transition-transform duration-300 group-hover:scale-105"

src/components/templates/CaseStudyLayout/CaseStudyLayout.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
 import CTABanner from '@/components/molecular/CTABanner';
+import { detectedConfig } from '@/config/project-detected';
 
 export interface CaseStudyImage {
   src: string;
@@ -43,7 +44,7 @@ export default function CaseStudyLayout({
       {project.heroImage && (
         <div className="relative h-64 w-full sm:h-80 md:h-96 lg:h-[28rem]">
           <Image
-            src={project.heroImage.src}
+            src={`${detectedConfig.basePath}${project.heroImage.src}`}
             alt={project.heroImage.alt}
             fill
             className="object-cover"
@@ -128,7 +129,7 @@ export default function CaseStudyLayout({
                   className="overflow-hidden rounded-lg shadow-md"
                 >
                   <Image
-                    src={img.src}
+                    src={`${detectedConfig.basePath}${img.src}`}
                     alt={img.alt}
                     width={600}
                     height={400}