fix: Improve ChatWidget text visibility and ActivityFeed loading state

- Fix ChatWidget tooltip text being cut off (add z-index and shadow)
- Fix ChatWidget header text overflow with truncate classes
- Add loading state for ActivityFeed so it's visible on production while fetching
- Ensure ActivityFeed shows even when data is loading

app/components/ChatWidget.tsx

@@ -214,7 +214,7 @@ export default function ChatWidget() {
             <span className="absolute -top-1 -right-1 w-3 h-3 bg-green-400 rounded-full animate-pulse" />
 
             {/* Tooltip */}
-            <span className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1 bg-black/90 text-white text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none">
+            <span className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1.5 bg-black/90 text-white text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-[100] shadow-lg">
               Chat with AI assistant
             </span>
           </motion.div>
@@ -240,11 +240,11 @@ export default function ChatWidget() {
                   </div>
                   <span className="absolute bottom-0 right-0 w-3 h-3 bg-green-400 rounded-full border-2 border-white" />
                 </div>
-                <div>
-                  <h3 className="font-bold text-sm">
+                <div className="min-w-0 flex-1">
+                  <h3 className="font-bold text-sm truncate">
                     Dennis{'\''}s AI Assistant
                   </h3>
-                  <p className="text-xs text-white/80">Always online</p>
+                  <p className="text-xs text-white/80 truncate">Always online</p>
                 </div>
               </div>