Feature/improve file limit warning 228

[stephenOwino]

Fixes #228

This PR improves the user experience when the file upload limit is exceeded by

1. Enhancing the warning message to include specific file counts
2. Adding a visible UI warning alert that appears automatically when the limit is exceeded

Changes Made

Added WarningAlert.tsx New component that displays warning messages
Modified useRootProvider.ts.

1. Added warningMessage state and clearWarning function
2. Enhanced warning message to show ( You selected X files. Only Y were added. Z files ignored.)
3. Auto-dismiss warning when upload starts
4. Modified RootContext.ts: Added warningMessage and clearWarning to context interface
5. Modified MainBox.tsx: Integrated WarningAlert component to display warnings

Before
Extra files were silently ignored with no visible feedback to users

After
Users see a clear warning: eg."You selected 43 files. Only 10 were added. 33 files ignored." with the ability to dismiss it manually or automatically when upload begins.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview