Used Material Icon instead of emoji in settings (#4872)

[Solomon-mithra]

• Resolves: Use Material Icon instead of emoji in settings #4872
• Target version: main

Summary

Replaced the CSS‐based emoji folder icon with the FolderIcon Material SVG component in the Personal Settings view (PersonalSettings.vue). This improves accessibility and ensures a consistent look with other Material icons used in the app.

TODO

• Verify the tooltip appears correctly on hover
• Confirm no visual regressions in other settings sections

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Documentation (manuals or wiki) has been updated or is not required

[elzody]

Looks great, you would just need to rebase on top of the latest main branch and run npm run lint:fix to resolve most of the CI failures. After that we can get it in.

[elzody]

Can you please rebase on the latest main branch of richdocuments? It should resolve the test failures, and then you can run npm run lint:fix to resolve the linting errors.

@Solomon-mithra

[elzody]

I am closing this pull request so that I can make the changes myself. You will still be reflected as the author of the commits and you will be attributed in the release, so no worries about that. I was working on another issue and thought this PR would make a great addition alongside it, so that is my reasoning.

You can find the new pull request here: #4921