Fix: Wraps middledrag.app footer bar on mobile screen

[lakitu]

Description

Added two tailwind classes to a div in the footer. Previously, the footer would overflow off the screen
on a mobile UI. Now, it wraps the elements to a new line. This change does not impact desktop UI at all; only changes rendering when the screen width shrinks.

Type of Change

• 🐛 Bug fix (non-breaking change that fixes an issue)
• ✨ New feature (non-breaking change that adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to change)
• 📚 Documentation update
• 🔧 Refactor (code change that neither fixes a bug nor adds a feature)
• 🧪 Test improvement

Related Issues

Testing Performed

• Tested with built-in trackpad
• Tested with Magic Trackpad (if available)
• Verified system gestures (Mission Control, etc.) still work
• Tested in target apps (list any specific apps tested):

Checklist

• My code follows the project's code style guidelines
• I have tested my changes thoroughly
• I have added comments for non-obvious logic
• My changes don't break existing functionality
• I have updated documentation if needed

Code Coverage

• I have added tests for new functionality (where applicable)
• My changes meet the 80% patch coverage requirement

Note: Codecov will automatically check patch coverage. PRs that don't meet the 80% threshold will fail the coverage check. Files in MiddleDragTests/, AppDelegate.swift, MiddleDragApp.swift, and UpdateManager.swift are excluded from coverage requirements.

Screenshots / Recordings

Updated footer on mobile:

Original footer (note the overflow bar on bottom of screen)

Additional Notes