Codebase Optimization: UI/UX Enhancements and Cross-Device Compatibility

[jimlo7760]

UI/UX Enhancements and Cross-Device Compatibility

Overview

This PR implements comprehensive UI/UX improvements and modernizes the BoardSolver app, focusing on cross-device compatibility, adaptive layouts, and code maintenance.

Key Changes

Architecture & Performance

• Updated deprecated NavigationView to NavigationStack following the latest Swift specifications
• Implemented GeometryReader wrapper for responsive layouts
• Fixed overflow bugs on iPhone SE 3rd gen iOS 17.5
• Optimized code structure across multiple view components

UI/UX Improvements

• Introduced adaptive layouts for all views (MenuView, FourInARowView, WordScrambleView, AboutView, SolverView)
• Added responsive image scaling with minimum scale constraints
• Implemented new button UI specification with cross-device testing
• Integrated dark mode support
• Added new logo system with 2x and 3x resolution variants
• Enhanced launch screen with updated branding

Device Compatibility

• Extended support natively to iPad devices, and adaptive to multiple types of screen resolutions.

Documentation

• Added comprehensive comments to MenuView
• Updated documentation for FourInARowView
• Enhanced wiki documentation for WordScrambleMenuView and AboutView
• Added detailed implementation notes for future maintenance

Notes for Reviewers

• All views now implement adaptive layouts
• Dark mode implementation follows system preferences
• New logo assets are included in appropriate resolution variants
• Navigation structure follows latest Swift guidelines

Related Issues

• Resolves overflow bug on iPhone with small screen sizes (mini/SE series)
• Addresses cross-device compatibility issues
• Implements modern Swift navigation patterns