Add picture login icon

[AllanOXDi]

Description

This PR adds set of 24 icons to support picture login work.

Issue addressed

#1215

Before/after screenshots

Changelog

• Description: adds set of 24 icons to support picture login work.
• Products impact: Kolibri
• Addresses: Add new icons for picture login Kolibri feature #1215
• Components:
• **Breaking:**N/A
• Impacts a11y: NO
• Guidance: Test this icon on Kolibri by running pnpm devserver-with-kds /path to verify if they render correctly

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?
• Add other things to check for here

[AllanOXDi]

Added default sizing to the standard icon because their label text at the bottom occupies part of the 84px viewBox, making the illustration portion look smaller.

[LianaHarris360]

Is this defaultSize property still needed, even though the label text isn't there anymore?

[LianaHarris360]

The icons have been correctly added to the KDS Icons documentation page, but the standard icons are missing from the custom-icons/ folder, they should be added there as well. I'm not sure how, but they are correctly referenced within the precompiled-icons folder. Also requested a minor name change for the grouped picture login icons.

[LianaHarris360]

Can you rename this "Picture Passcodes" heading to "Picture Login Icons" instead? This is correct as stated in the issue, but in Kolibri these icons are referenced as Picture Login/Password icons, so, in hindsight, I think the naming should be consistent in KDS as well. Same with the definitions in the iconDefinitions.js file, let's change "picturePasscode" to "pictureLogin"