Updating the warning icons to look cleaner in light mode

[Z33xD]

Enhance EmptyState warning icon visibility in light mode

Description

This PR improves the visibility of the IoWarning icon in the EmptyState component when displayed in light mode. A black outline has been added to the icon to make it more distinct against light backgrounds.

Related Issue

Enhancement for #169

Motivation and Context

In light mode, the warning icon can blend into the background, making it harder for users to notice warning messages. Adding a black outline improves contrast and usability without altering the icon’s shape or size.

Types of Changes

• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improvement to an existing feature)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Test (adds or updates tests only)
• Documentation (non-code change)

How Has This Been Tested?

• Verified that the EmptyState warning icon now has higher contrast in light mode.
• Checked that dark mode rendering remains unchanged.
• Ensured that layout and spacing of the icon remain consistent with existing UI.

Screenshots (if applicable):

Light mode before: warning icon blends into background

Light mode after: warning icon now clearly visible with black outline

Checklist

• My code follows the code style of this project
• My change requires a change to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

[netlify]

✅ Deploy Preview for paisable ready!

Name	Link
🔨 Latest commit	3bee43d
🔍 Latest deploy log	https://app.netlify.com/projects/paisable/deploys/68fb95c78f78a900086a05ad
😎 Deploy Preview	https://deploy-preview-170--paisable.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 95 Accessibility: 100 Best Practices: 100 SEO: 91 PWA: 80 View the detailed breakdown and full score reports

---

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