Fix: Reduce logo size and ensure it resizes dynamically and fits all screen sizes

[SttApollo]

Fixes #8458

Description

This PR addresses #8458 where the logo on the onboarding screen flattened the text below. The WelcomeLogo composable has been updated to ensure dynamic resizing using BoxWithConstraints ensuring that the logo scales proportionally based on screen dimensions and fits properly without overlapping or pushing other components off-screen.

Changes Made

• Updated WelcomeLogo to use BoxWithConstraints for adaptive sizing.
• Limited logo and circle sizes to a maximum based on screen width.
• Ensured LazyColumnWithHeaderFooter components are unaffected by the logo's size.
• Verified compatibility across various screen sizes (small, medium, large, and tablets).

Testing

• Tested on multiple screen sizes to ensure no scrolling is required and all components fit properly.

Visual Example

[wmontwe]

@SttApollo This implementation reduces the logo size across all screen sizes, which diverges from the original design intention of making it prominent. To fix this, I suggest two changes:

1. Slighlty reduce the logo size from its original values to have more room in general.
2. Only use the shrinking logic when a certain maxWidth threshold is reached.

(Optional) Given the impracticality of fitting all page elements on every screen size, especially very small phones and in landscape mode, I think it would be more effective to use a scroll indicator in these cases.