Add new pictures to bottom info drawers

[Bekiboo]

Description of change

Add new pictures provided in the Figma

Issue Number

Type of change

• Breaking (any change that would cause existing functionality to not work as expected)
• New (a change which implements a new feature)
• Update (a change which updates existing functionality)
• Fix (a change which fixes an issue)
• Docs (changes to the documentation)
• Chore (refactoring, build scripts or anything else that isn't user-facing)

How the change has been tested

Change checklist

• I have ensured that the CI Checks pass locally
• I have removed any unnecessary logic
• My code is well documented
• I have signed my commits
• My code follows the pattern of the application
• I have self reviewed my code

Summary by CodeRabbit

• UI Improvements
  • Updated the main page with new visual assets to enhance information presentation. The "What is eVault?" and "Binding documents" sections now feature fresh images that provide improved visual clarity and better illustrate these important concepts, helping users gain a clearer understanding of key features and related documentation at a glance.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 910ad50c-b7d3-45d6-aca9-dec77b01ebc7

📥 Commits

Reviewing files that changed from the base of the PR and between 4af8f4b and 586221c.

⛔ Files ignored due to path filters (3)

• infrastructure/eid-wallet/static/images/binding-documents.png is excluded by !**/*.png
• infrastructure/eid-wallet/static/images/eVault-kid-drawing.png is excluded by !**/*.png
• infrastructure/eid-wallet/static/images/what-is-evault.png is excluded by !**/*.png

📒 Files selected for processing (1)

• infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

---

📝 Walkthrough

Walkthrough

The main page InfoDrawer components for "What is eVault?" and "Binding documents" have been updated to display image assets instead of placeholder markup. The what-is-evault.png and binding-documents.png images are now embedded inline with appropriate styling and accessibility attributes.

Changes

Main Page Content Updates

Layer / File(s)	Summary
Info drawer image asset replacements infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte	"What is eVault?" and "Binding documents" InfoDrawer sections now render images (/images/what-is-evault.png and /images/binding-documents.png) instead of prior placeholder markup, with updated styling and aria-hidden attributes.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Suggested reviewers

• coodos

Poem

A wallet grows wise with a picture so true, 📸
eVault's secrets in pixels renewed,
Binding documents dance in their frames,
The main page now shines with its visual names! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Description check	❓ Inconclusive	The description is incomplete. Required sections are present but the 'Type of change' and 'How the change has been tested' sections are not properly filled out.	Specify which type of change applies (e.g., 'Update') and describe how the changes were tested to verify the new images display correctly.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately and concisely summarizes the main change: adding new pictures to info drawer components on the main page.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch task/add-images-to-eid-drawers

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint skipped: no ESLint configuration detected in root package.json. To enable, add eslint to devDependencies.

---

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

[coderabbitai]

Actionable comments posted: 0