[jules] style: Consistent hover/focus states across all buttons

[Devasy]

This PR implements accessible and consistent hover/focus states for the global Button component in the web application.

Changes:

• Added focus-visible support to the Button component with distinct offset rendering.
• Ensured dual-theme compatibility by adding focus-visible:ring-black dark:focus-visible:ring-white for Neobrutalism and focus-visible:ring-white/50 for Glassmorphism.
• Updated project tracking files (todo.md, changelog.md).
• Fully verified focus states visually via Playwright keyboard tab navigation simulation.

---

PR created automatically by Jules for task 9661008296382230374 started by @Devasy23

Summary by CodeRabbit

• Bug Fixes
  • Button components now display clearly visible focus states when navigating with the keyboard. This enhancement improves accessibility and provides better visual feedback for keyboard users across all available theme variants.

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[netlify]

✅ Deploy Preview for split-but-wiser ready!

Name	Link
🔨 Latest commit	29ea355
🔍 Latest deploy log	https://app.netlify.com/projects/split-but-wiser/deploys/69d6b14220ada20008513ace
😎 Deploy Preview	https://deploy-preview-317--split-but-wiser.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 79e981b3-635f-4322-8a82-81686d002a82

📥 Commits

Reviewing files that changed from the base of the PR and between 9404621 and 29ea355.

📒 Files selected for processing (3)

• .Jules/changelog.md
• .Jules/todo.md
• web/components/ui/Button.tsx

---

Walkthrough

This PR adds keyboard accessibility focus-visible styling to Button components across Neobrutalism and Glassmorphism themes with theme-aware ring styles, updates the changelog to document these changes, and marks the corresponding implementation task as completed.

Changes

Cohort / File(s)	Summary
Documentation and Task Tracking .Jules/changelog.md, .Jules/todo.md	Added changelog entry documenting focus-visible styling updates for Button components. Marked task "Consistent hover/focus states across all buttons" as completed with timestamp and narrowed affected file list to web/components/ui/Button.tsx.
Button Component Implementation web/components/ui/Button.tsx	Updated themeStyles strings to add :focus-visible styling with outline-none and ring-2 for both NEOBRUTALISM (ring-black with dark-mode white and offsets) and Glassmorphism (ring-white/50 with offsets) themes.

Suggested reviewers

• vrajpatelll

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly describes the main change: adding consistent hover/focus states to buttons, which aligns with the primary modifications to Button.tsx and the corresponding documentation updates.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

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.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
⚠️ Please upload report for BASE (main@9404621). Learn more about missing BASE report.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #317   +/-   ##
=======================================
  Coverage        ?   63.55%           
=======================================
  Files           ?       21           
  Lines           ?     2456           
  Branches        ?      254           
=======================================
  Hits            ?     1561           
  Misses          ?      831           
  Partials        ?       64           

Components	Coverage Δ
Authentication System	71.35% <ø> (?)
Expense Management	70.15% <ø> (?)
Group Management	73.78% <ø> (?)
User Management	97.16% <ø> (?)
Backend Core	70.78% <ø> (?)

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.