feat: UI style improvements for better readability and mobile responsiveness

[ullbergm]

Summary

This PR enhances the UI with style improvements focusing on readability, mobile responsiveness, and smoother transitions.

Changes

• ✨ Added animations for main content box with fade transitions for smoother UI experience
• 💄 Enhanced text shadows for better readability in header, footer, and application titles
• 🐛 Fixed positioning of GitHub corner icon for better visibility
• 📱 Improved mobile responsiveness by refactoring App component layout
• 🎨 Moved links inside the application area for better organization

Commits

• feat: add animations for main content box and fade transitions for smoother UI experience (4371add)
• style: enhance text shadows for better readability in header, footer, and application titles (b5faad8)
• style: fix positioning of GitHub corner icon for better visibility (67c87cd)
• Enhance readability with text shadows for header, footer, and application titles (061e5a4)
• Refactor App component layout for improved mobile responsiveness (93a7704)

Testing

• Tested on desktop browsers
• Tested on mobile devices
• Verified animations work smoothly
• Checked text readability in different themes

Accessibility

• Text shadows improve readability without compromising contrast
• Animations use fade transitions that are accessible
• Mobile layout improvements enhance touch target accessibility

[github-actions]

Pull Request closed and locked due to lack of activity.
If you'd like to build on this closed PR, you can clone it using this method: https://stackoverflow.com/a/14969986
Then open a new PR, referencing this closed PR in your message.