Updating apple-touch-icon doesn't work
### Node Version

20.0.0

### NPM/Yarn/PNPM Version

npm 10.0.0

### Strapi Version

5.6.0

### Operating System

Linux (Debian/Ubuntu)

### Database

MySQL

### Javascript or Typescript

Typescript

### Reproduction URL

_No response_

### Bug Description

I have the following code in my `content/src/admin/app.ts`

```
import FullLogo from "./extensions/MyEngLogo.png";
import SymbolLogo from "./extensions/MySymbol.jpg";
import Favicon from "./extensions/favicon.png";

export default {
  config: {
    locales: ["en", "ar"],
    auth: { logo: MyEngLogo },
    menu: { logo: MySymbol },
    head: { favicon: Favicon },
    tutorials: false,
  },
  bootstrap() {},
};

```

And it updates the favicon correctly. But when I try to add the page into my homescreen in a ios device it seems to be missing the `apple-touch-icon`

### Steps to Reproduce

1. Update the favicon to your custom logo
2. in an ios device, open the strapi app in safari
3. click the share button and then select "Add to home page"
4. The favicon doesn't show up

### Expected Behavior

Updating the favicon should also update the apple-touch-icon 

### Logs

```shell

```

### Code Snippets

_No response_

### Media

_No response_

### Additional information

_No response_

### Confirmation Checklist

- [x] I agree to follow this project's [Code of Conduct](https://github.com/strapi/strapi/blob/develop/CODE_OF_CONDUCT.md).
- [x] I have checked the existing [issues](https://github.com/strapi/strapi/issues) for duplicates.