fix: footer overlap with left navigation panel on specific pages

[NeerajPise]

Problem

The footer was overlapping with the left navigation panel on pages like /image-generation and /chat, causing visual conflicts and poor UX. The footer used a fixed left-0 position that spanned the full viewport width, ignoring the 64px wide left NavBar. Additionally, the system resource usage section was overflowing on the right side due to excessive spacing on mobile view.

Solution

Implemented dynamic footer positioning based on the current route and screen size using a getFooterLeftClass() function that:

1. Chat page (/chat):
   - Mobile: Full-width footer (left-0)
   - Desktop: Offset footer to account for 64px NavBar (left-0 md:left-16)
2. Image generation (/image-generation):
   - All screen sizes: Offset footer by 64px (left-16)
3. Other pages:
   - All screen sizes: Full-width footer (left-0)

Reduced right section spacing from space-x-6 to space-x-2 to prevent system resource text overflow.

Fixes #543

Tests

• Footer properly aligned on /image-generation page
• Footer responsive on /chat page (full-width mobile, offset desktop)
• Footer remains full-width on other pages
• Both loading and normal footer states behave correctly