Adjust launch screen to be compatible with android launch screen.

[LasseRosenow]

Problem statement

Hi around a year ago I contributed some changes to the home assistant launch screen to show the app icon on the first html screen to create a smooth transition when opening the app without white or black flashes in between.

This worked really good until android 12? Came out. Now every app has a automatic launch screen that can not be customized too much. It is only possible to change the icon and make it smaller, but not larger.

Now it seems the home assistant launch screen icon is larger than the default android one, but to create a smooth transition it is very important to have them perfectly aligned.

Additional information:

For frontend see: #10569
For android see: #1938 (This specifically shows the adjustment to make the android and html look the same)

Possible solution

Before I create a PR for this, I want to ask which way you would like this to be handled (if you want to handle it at all).
I see 2 possibilities:

1. Make the icon a little bit smaller if javascript says we are on a android system

2. Make the icon a little bit smaller in general.

3. Do you have some even better idea?

4. Do nothing, this is fine. :D