feat: add activity feed and background effects

- Implemented ActivityFeed component to display real-time user activity including coding, music, and chat interactions.
- Added GooFilter and BackgroundBlobs components for enhanced visual effects.
- Updated layout to include new components and ensure proper stacking context.
- Enhanced Tailwind CSS configuration with new color and font settings.
- Created API route to mock activity data from n8n.
- Refactored main page structure to streamline component rendering.

app/page.tsx

@@ -7,6 +7,7 @@ import Projects from "./components/Projects";
 import Contact from "./components/Contact";
 import Footer from "./components/Footer";
 import Script from "next/script";
+import { ActivityFeed } from "./components/ActivityFeed";
 
 export default function Home() {
   return (
@@ -33,14 +34,13 @@ export default function Home() {
           }),
         }}
       />
+      <ActivityFeed />
       <Header />
       <main className="relative">
         <Hero />
-        <div className="bg-gradient-to-b from-gray-900 via-black to-black">
-          <About />
-          <Projects />
-          <Contact />
-        </div>
+        <About />
+        <Projects />
+        <Contact />
       </main>
       <Footer />
     </div>