[Eco Bounty] IoTex.io Footer UI Layout & Alignment Issues

Target URL: https://iotex.io/realms Device/Browser: Mobile (Android/Chrome) Severity: Low (UI/UX Consistency)

Description:

The footer section on the mobile view of the website exhibits several layout and alignment inconsistencies:

Asymmetric Spacing: The vertical spacing between the social media icon row, the legal links ("Terms" & "Privacy Policy"), and the copyright text is uneven.
Copyright Text Shift: The copyright line ("Copyright © 2026...") is slightly off-center relative to the icons and links above it.
Typography Clipping: On certain mobile screen widths, the text elements appear to have tight padding, making the footer look cramped compared to the rest of the site's design.

Steps to Reproduce:

Open the browser on a mobile device.
Go to https://iotex.io/realms.
Scroll to the very bottom of the page.
Observe the alignment of the social icons, the legal links, and the copyright notice.

Expected Result:

All footer elements should be perfectly center-aligned with consistent vertical padding (using a standard grid or flexbox layout) to maintain a professional look.

Actual Result:

Elements are visually misaligned and the spacing looks manually adjusted/inconsistent.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro