Fix: Make links page responsive on mobile view

[sohail-313]

Fixes Issue

Closes #9907

Changes proposed

• Implemented responsive design for the links page on mobile view.

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Video Recording

links-responsive.mov

Note to reviewers

No specific notes for reviewers at the moment. The changes are straightforward and align with the outlined bugfix for the responsive issue. If you have any questions or suggestions, please feel free to let me know.

[amandamartin-dev]

Hello! This looks good on the account page, but unfortunately is affecting the public facing profile. On that page the link text should remain left aligned (versus centered).

Please adjust so these changes only affect the account management view.

[sohail-313]

Hello! This looks good on the account page, but unfortunately is affecting the public facing profile. On that page the link text should remain left aligned (versus centered).

Please adjust so these changes only affect the account management view.

Can you please share screenshot

[eddiejaoude]

The other places links component is used does not look right. I think it might be better to hide the extra info (badges) on smaller screens and truncate the text

[sohail-313]

The other places links component is used does not look right. I think it might be better to hide the extra info (badges) on smaller screens and truncate the text

Yes, it can be done. However, what if the user wants to edit those links?

[eddiejaoude]

what if the user wants to edit those links?

don't hide the edit button, just the extra info, which they can then see and edit when they edit the link