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.

components/LiquidHeading.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import clsx from 'clsx';
+
+interface LiquidHeadingProps {
+  text: string;
+  className?: string;
+  level?: 1 | 2 | 3 | 4;
+}
+
+export const LiquidHeading = ({ text, className, level = 1 }: LiquidHeadingProps) => {
+  const Tag = `h${level}` as keyof JSX.IntrinsicElements;
+
+  return (
+    <Tag className={clsx("font-bold tracking-tight text-stone-800", className)}>
+      {text}
+    </Tag>
+  );
+};