about-us list style change

[Sahil4883]

Summary

Updated the styling of the class .list to make it suitable for the mobile viewers

Fixes #JIRA-TICKET

A brief description for the PR.
The pointers on the about us page had padding-inline-start which was similar for all the devices by default and added an extra padding for mobile users so I checked the I added media property to check If the user is on mobile and if yes then remove the extra padding to ensure proper styling

Type of change

• 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 not work as expected)
• This change requires a documentation update

Test plan

This should state how this PR have been tested.

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules
• I have commented on my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

Screenshots or videos

Before	After

[vercel]

@Sahil4883 is attempting to deploy a commit to the Quran Team on Vercel.

A member of the Team first needs to authorize it.