ui: Center footer summary and tagline on small screens

[O2sa]

Currently, the footer summary and tagline text may not be perfectly centered on smaller screens. Update the responsive classes in AppFooter to ensure they are centered on mobile devices while keeping the current layout on larger screens.

Tasks

• Open components/app-footer.tsx.
• Locate the container div that holds {t("footer.summary")} and {t("footer.tagline")}.
• Add Tailwind classes like items-center and text-center for the mobile breakpoint.

[snakefood3232]

I see the issue with centering the footer summary and tagline text on smaller screens. I'd handle this by adding Tailwind classes like items-center and text-center to the relevant div within components/app-footer.tsx. This will ensure proper centering specifically at the mobile breakpoint without affecting larger screen layouts. Can have a pull request ready within the next 24 hours. I've built responsive layouts for several projects using Tailwind CSS and React, so this should be straightforward to implement.

[snakefood3232]

I see the issue with the footer summary and tagline not centering on small screens. I'd handle this by adding responsive Tailwind CSS classes like items-center and text-center to the container div in AppFooter to ensure proper alignment on mobile devices while maintaining the existing layout on larger screens. Can have a PR up in about 4 hours. I've optimized similar responsive UI challenges multiple times in my experience as a full-stack developer specializing in TypeScript/React/Next.js.

[O2sa]

@snakefood3232 Feel free to work on any issue with label of good first issue