fix: final build and type safety improvements

Fixed map parentheses syntax errors, resolved missing ActivityFeedClient imports, and corrected ActivityFeed prop types for idleQuote support. All systems green.

app/_ui/HomePage.tsx

@@ -5,7 +5,6 @@ import Projects from "../components/Projects";
 import Contact from "../components/Contact";
 import Footer from "../components/Footer";
 import Script from "next/script";
-import ActivityFeedClient from "./ActivityFeedClient";
 
 export default function HomePage() {
   return (
@@ -32,7 +31,6 @@ export default function HomePage() {
           }),
         }}
       />
-      <ActivityFeedClient />
       <Header />
       {/* Spacer to prevent navbar overlap */}
       <div className="h-24 md:h-32" aria-hidden="true"></div>

app/_ui/HomePageServer.tsx

@@ -1,6 +1,5 @@
 import Header from "../components/Header.server";
 import Script from "next/script";
-import ActivityFeedClient from "./ActivityFeedClient";
 import {
   getHeroTranslations,
   getAboutTranslations,

app/_ui/ProjectsPageClient.tsx

@@ -148,7 +148,7 @@ export default function ProjectsPageClient({
                 </div>
               </Link>
             </motion.div>
-          ))}
+          )))}
         </div>
       </div>
     </div>

app/components/ActivityFeed.tsx

@@ -35,9 +35,11 @@ function getSafeGamingText(details: string | number | undefined, state: string |
 }
 
 export default function ActivityFeed({ 
-  onActivityChange
+  onActivityChange,
+  idleQuote
 }: { 
   onActivityChange?: (active: boolean) => void;
+  idleQuote?: string;
 }) {
   const [data, setData] = useState<StatusData | null>(null);
   const [hasActivity, setHasActivity] = useState(false);
@@ -85,9 +87,9 @@ export default function ActivityFeed({
         </div>
         <div className="space-y-4">
           <p className="text-xl md:text-2xl font-light leading-tight text-stone-300 italic">
-            &ldquo;{randomQuote.content}&rdquo;
+            &ldquo;{idleQuote || randomQuote.content}&rdquo;
           </p>
-          <p className="text-xs font-bold text-stone-500 uppercase tracking-widest">— {randomQuote.author}</p>
+          {!idleQuote && <p className="text-xs font-bold text-stone-500 uppercase tracking-widest">— {randomQuote.author}</p>}
         </div>
         <div className="flex items-center gap-2 text-[10px] font-black uppercase tracking-widest text-stone-600">
           <span className="w-1.5 h-1.5 rounded-full bg-stone-700" /> Currently Thinking

app/components/Projects.tsx

@@ -122,7 +122,7 @@ const Projects = () => {
                 </div>
               </Link>
             </motion.div>
-          ))}
+          )))}
         </div>
       </div>
     </section>