React Memo and useCallback Optimizer

I need help optimizing my React components with memoization.

**Components to Optimize:**
```jsx
[paste your components]
```

**Performance Issues:**
- Profiler flame graph: [describe what you see]
- Specific slow interactions: [describe]
- Re-render triggers: [known causes]

**Component Relationships:**
[Describe parent-child relationships and prop passing]

**Questions:**
[Any specific memoization questions]

Please provide:
1. Analysis of current render behavior
2. Optimized components with memoization
3. Explanation of when each optimization helps
4. Custom comparison functions where needed
5. Potential over-optimization warnings
6. Before/after render count comparison
7. Alternative approaches if memoization isn't ideal