Add lobster icon to CrabNode component and update styles

- Introduced a new lobster icon in place of the animated crab, enhancing visual representation.
- Updated styles for the lobster icon to improve interactivity and appearance.
- Adjusted the Handle component's z-index for better layering in the UI.

src/components/monitor/CrabNode.tsx

@@ -1,6 +1,5 @@
 import { Handle, Position } from '@xyflow/react'
 import { motion } from 'framer-motion'
-import { CrabIdleAnimation } from '~/components/ani'
 
 interface CrabNodeProps {
   data: { active: boolean }
@@ -30,15 +29,21 @@ export function CrabNode({ data }: CrabNodeProps) {
         }}
       />
 
-      {/* Animated crab */}
+      {/* Lobster icon */}
       <div className="relative z-10 crab-icon-glow">
-        <CrabIdleAnimation className="w-20 h-20" />
+        <img
+          src="/lobster-smoke.png"
+          alt=""
+          className="w-24 h-24 rounded-full opacity-80 hover:opacity-100 transition-opacity duration-300 animate-pulse"
+          style={{ imageRendering: 'pixelated' }}
+          draggable={false}
+        />
       </div>
 
       <Handle
         type="source"
         position={Position.Bottom}
-        className="bg-crab-500! w-4! h-4! border-2! border-shell-900!"
+        className="bg-crab-500! w-4! h-4! border-2! border-shell-900! z-10"
         style={{
           boxShadow: '0 0 10px rgba(239, 68, 68, 0.5)',
         }}

src/components/monitor/SessionList.tsx

@@ -84,7 +84,7 @@ export function SessionList({
       <div className="relative p-3 border-b-2 border-shell-700 bg-shell-950/50">
         <div className="flex items-center justify-between mb-3">
           {!collapsed && (
-            <h2 className="font-mono uppercase text-md text-crab-400 glow-red tracking-wider ml-1">
+            <h2 className="font-mono uppercase text-sm text-crab-400 glow-red tracking-wider ml-1">
               Sessions
             </h2>
           )}

src/components/monitor/SettingsPanel.tsx

@@ -69,7 +69,7 @@ export function SettingsPanel({
 
               {/* Header */}
               <div className="relative flex items-center justify-between mb-3">
-                <h2 className="font-mono uppercase text-md text-crab-400 glow-red tracking-wider">
+                <h2 className="font-mono uppercase text-sm text-crab-400 glow-red tracking-wider">
                   SETTINGS
                 </h2>
                 <button