Fix mobile footer overlap and floating actions

[smshagor-dev]

Summary

Fixes the mobile bottom navigation overlap shown in Settings and separates the floating Chat Tools action from the right-side compose/new-message action.

Mobile footer

• Converts the mobile footer into a true fixed floating rounded dock with a small safe-area-aware bottom gap.
• Removes the full-width rectangular footer background so the dock looks carved/floating from the bottom.
• Keeps all five navigation items accessible without the Chat Tools button covering the last item.
• Reserves additional mobile scroll clearance for foreground pages that use pb-16 md:pb-0, so final content such as Settings -> Log out can scroll completely above the dock.

Floating actions

• Moves Chat Tools to the lower-left on mobile.
• Keeps it above the mobile dock and safe-area inset.
• Leaves the existing right-side new-message/compose action untouched.
• Desktop Chat Tools positioning remains unchanged.

Scope

Frontend-only layout/CSS change; no routing, messaging, call, auth, or API behavior changed.

[vercel]

Deployment failed for project syncchat with the following error:

Resource is limited - try again in 24 hours (more than 100, code: "api-deployments-free-per-day").

Learn More: https://vercel.com/smshagor-devs-projects?upgradeToPro=build-rate-limit

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
syncchat	Ready	Preview	Aug 19, 2026 8:31am