Favicon and text looks blurry on custom favourites

[srirambv]

Description

Favicon and text looks blurry on custom favourites

Steps to Reproduce

1. Install 1.23.19
2. Add a bunch of custom favourites
3. Favicon and site name looks blurry

Actual result:

Expected result:

Not what it looks like

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	1.23.19 Chromium: 89.0.4389.72 (Official Build) nightly (64-bit)
Revision	3f345f156bfd157bd1bea06310e55f3fb2490359-refs/branch-heads/4389@{#1393}
OS	Linux

Version/Channel Information:

• Can you reproduce this issue with the current release? NA
• Can you reproduce this issue with the beta channel? NA
• Can you reproduce this issue with the nightly channel? Yes

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields? NA
• Does the issue resolve itself when disabling Brave Rewards? NA
• Is the issue reproducible on the latest version of Chrome? NA

Miscellaneous Information:

cc: @rebron @simonhong @bsclifton @karenkliu

[bsclifton]

The text blurriness would just be due to the size and OS set anti-aliasing options

Favicon blurriness is due to what we capturing on page load. Notes from #480

We should be able to read out (when loading the page or via a handler, like FaviconSource) the apple-touch-icon element/value and store in Favicon cache:
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html