fix: add missing alt text to images for accessibility compliance

[AliRana30]

Description

Conducted an audit and updated several image-heavy components across the codebase to add missing or descriptive alt attributes to <img> tags. This ensures the application is compliant with WCAG 2.1 accessibility standards.

Updated components and changes:

• CardWithPicture.jsx & CardWithoutPicture.jsx: Added profile picture alt text for user avatars.
• CodelabCard/index.jsx & util/CodelabCard/index.jsx: Enhanced organization logo and user profile pictures with descriptive text like "organization logo" and "user profile picture".
• ProfileCardTwo/index.jsx: Added descriptive alt text for the user's main profile image.
• ImageDrawer.jsx: Added dynamic alt text for file upload previews using the image name.
• Events/index.jsx: Added alt text for event logos to improve the accessibility of the events tab.

Related Issue

Refers to issue #310

Motivation and Context

Improving accessibility is a core goal for a welcoming open-source project. By adding meaningful alternative text, we ensure that users who rely on screen readers or have slow internet connections can still understand the context and content of the images used throughout the dashboard and feed.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• Accessibility standards (WCAG) followed for image elements.