feat: add matrix background effect to logged-in app shell

[FSM1]

Add the existing MatrixBackground canvas animation behind the header, sidebar, main content, and footer in the logged-in state. UI panel backgrounds are made semi-transparent (85% opacity for chrome, 75% for main content) so the falling binary rain is visible without impeding readability. The canvas uses pointer-events: none and z-index: -1 to stay behind all interactive elements.

https://claude.ai/code/session_01XWtUtsmAZqpsPWUukdJKAh

[coderabbitai]

Warning

Rate limit exceeded

@FSM1 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 3 minutes and 22 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch claude/add-matrix-background-effect-hkJEU

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}