🎨 Palette: Enhance Input Accessibility

[google-labs-jules]

This PR improves the accessibility of the Input component in the web application.

💡 What:

• It automatically generates unique IDs for inputs using React.useId if one is not provided.
• It links the <label> to the <input> using htmlFor, making the label clickable and ensuring screen readers announce the label correctly.
• It adds aria-invalid="true" when there is an error.
• It adds aria-describedby pointing to the error message, ensuring screen readers announce the error when the input is focused.

🎯 Why:

• These changes are critical for users relying on screen readers and improve the overall form experience by adhering to WCAG standards.

📸 Verification:

• Verified using a Playwright script that checks for the presence of generated IDs, label association, and ARIA attributes.
• The build passed successfully (npm run build).

---

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

[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!

---

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

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

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

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

[netlify]

✅ Deploy Preview for split-but-wiser ready!

Name	Link
🔨 Latest commit	f2a4724
🔍 Latest deploy log	https://app.netlify.com/projects/split-but-wiser/deploys/6948e0dcb70972000701b297
😎 Deploy Preview	https://deploy-preview-214--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.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 74.42%. Comparing base (a035ec0) to head (f2a4724).
⚠️ Report is 1 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #214   +/-   ##
=======================================
  Coverage   74.42%   74.42%           
=======================================
  Files          17       17           
  Lines        1693     1693           
  Branches      158      158           
=======================================
  Hits         1260     1260           
  Misses        381      381           
  Partials       52       52           

Components	Coverage Δ
Authentication System	75.45% <ø> (ø)
Expense Management	70.64% <ø> (ø)
Group Management	76.20% <ø> (ø)
User Management	97.16% <ø> (ø)
Backend Core	69.41% <ø> (ø)

🚀 New features to boost your workflow:

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