media: Update the blocked state (off) icon for Protected content IDs

Previously, we used a different icon for the blocked (off) state for
the Protected content IDs setting (web_asset_off.icon) while
sync_saved_locally.icon is used for the allowed (on) state.

UX team created the off version of the sync_saved_locally.icon so
updated the permission icon and settings icon with the newly
generated sync_saved_locally_off.icon.

Test results:
- Permission Indicator Blocked Dark: http://shortn/_ZF48qs8RS5
- Permission Indicator Blocked Light: http://shortn/_VbDrdmwiZZ
- Settings Page Blocked Dark: http://shortn/_7gy5MKgHeA
- Settings Page Blocked Light: http://shortn/_O6EH3in4rm

Bug: 424460815, 429039234
Change-Id: I6c143f746c3c12b88b5405d00b263caa1ac7685f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6855253
Commit-Queue: Sangbaek Park <sangbaekpark@chromium.org>
Reviewed-by: Ted Choc <tedchoc@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1502768}