refactor: new footer design for tablet and mobile views

[patricio0312rev]

[general] UI changes on <=960px footer

Summary

• Footer component has been refactored to support our new footer design for mobile and tablet views.
• As part of the refactor, we now have two child components for the user named SocialIcons and PoweredBy, to make the code look cleaner.
• Class names for the social icon buttons have been updated to match the design.

How to reproduce

1. Run the app in local or test_e2e mode.
2. Navigate to any page.
3. Scroll down until you reach the bottom of the page and see the magic ✨

Views

• 320:
  

• 375:
  

• 640:
  

• 768:
  

• 960:
  

• 1024:
  

• 1280:
  

• 1440:
  

Checklist

• I checked my UI changes against the design and there are no notable differences
• I checked my UI changes for any responsiveness issues
• I checked my (code) changes for obvious issues, debug statements and commented code
• I opened a corresponding card on Clickup for any remaining TODOs in my code
• I added a short description on how to test this PR (if necessary)
• I added a storybook entry for the component that was added (if necessary)
• Documentation (if necessary)
• Tests (if necessary)
• Ready to be merged