[🐛 in site]: site web manifest issues

[dshovchko]

Some issues exist with the web manifest file. They can be visible in Chrome Dev Tools, Application section, Manifest tab.

As you can see properties name, short_name, and URL are absent and the browser is warning us about this.

I've been exploring the use of these properties - mobile apps use them to create shortcuts, but also on the home screen, etc.

Also there is missing one icon rendition. This is an innovation of 2024. This is 512×512 maskable icon for different Android launchers.

Some resources will be useful for fixing this issue:

• How to Favicon in 2024
• Definitive edition of "How to Favicon" in 2023

[dshovchko]

We also need to fix the site's favicon.

Now the legacy icon is specified for all sizes. We need to fix it using the following code.

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" href="/assets/favicon/icon.svg" type="image/svg+xml" sizes="any">

The first one is legacy ico with 32 px size. It should be first.
The second is the legacy icon for Apple devices.
The last one is a universal SVG image for any size. It should be last because browsers work that way.