fix(footer): inconsistent icon sizes

[achyuthcodes30]

Description

The current footer implementation in layout.tsx has visibility and layout issues across different screen sizes, particularly mid / iPad range.

This issue proposes a full UI refactor for the footer to ensure it is responsive across all devices, while maintaining clean structure.

Expected Behaviour

• No arbitrary widths, all icons are consistently sizes across different screen sizes while retaining aesthetic appeal

Bonus

• Move the footer logic to a separate Footer component under the components/ directory

Images / Videos

[NitinSomisetty]

Can i work on this?

[achyuthcodes30]

!assign @NitinSomisetty 60

[bunsamosa-bot]

User NitinSomisetty is already assigned to another issue: acmpesuecc/PESto-do#5

[TheAverageDetective]

can i work on this

[achyuthcodes30]

!assign @TheAverageDetective

[bunsamosa-bot]

User TheAverageDetective is already assigned to another issue: acmpesuecc/WebRunnr#1

[qaz1234hoola]

i want to work on this

[Hnk0406]

could i please be assigned to this?

[achyuthcodes30]

!assign @Hnk0406 60