[feature request] Add a small indicator next to the deck verified icon in the library #1
Description
something like this:
the protonDB svg would be added to <div class="shared_svg_library_SteamDeckCompatInfo_2LcFI appportrait_SteamDeckCompatIcon_3kDT9">
protonDB icon, color set by changing rgb(180, 199, 220):
<svg class="shared_svg_library_SteamDeckCompatIcon_2hEWY shared_svg_library_SteamDeckCompatVerified_3mvZq shared_svg_library_SteamDeckCompatIcon_2hEWY" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M 10 19 C 14.9706 19 19 14.9706 19 10 C 19 5.0294 14.9706 1 10 1 C 5.0294 1 1 5.0294 1 10 C 1 14.9706 5.0294 19 10 19 Z" fill="rgb(180, 199, 220)" class=""></path><path fill-rule="evenodd" clip-rule="evenodd" d="M 17.9675 10.0925 c 0 -1.043 -1.3055 -2.0335 -3.311 -2.646 c 0.462 -2.0405 0.2555 -3.6645 -0.6475 -4.186 c -0.21 -0.1225 -0.4515 -0.1785 -0.7175 -0.1785 v 0.7175 c 0.147 0 0.266 0.028 0.3675 0.084 c 0.4375 0.252 0.6265 1.204 0.4795 2.429 c -0.035 0.301 -0.0945 0.6195 -0.1645 0.945 c -0.63 -0.154 -1.316 -0.273 -2.037 -0.35 c -0.434 -0.595 -0.882 -1.134 -1.337 -1.6065 c 1.0465 -0.973 2.03 -1.505 2.695 -1.505 V 3.0785 l 0 0 c -0.882 0 -2.037 0.63 -3.206 1.722 c -1.169 -1.085 -2.324 -1.708 -3.206 -1.708 v 0.7175 c 0.665 0 1.6485 0.5285 2.695 1.4945 c -0.448 0.4725 -0.8995 1.008 -1.3265 1.603 c -0.7245 0.077 -1.414 0.196 -2.0405 0.3535 c -0.0735 -0.322 -0.1295 -0.6335 -0.168 -0.931 c -0.1505 -1.225 0.035 -2.1805 0.469 -2.4325 c 0.098 -0.0595 0.2205 -0.084 0.3675 -0.084 V 3.096 l 0 0 c -0.2695 0 -0.5145 0.0595 -0.7245 0.1785 c -0.903 0.5215 -1.106 2.142 -0.6405 4.1755 c -1.9985 0.616 -3.297 1.603 -3.297 2.6425 c 0 1.043 1.3055 2.0335 3.311 2.646 c -0.462 2.0405 -0.2555 3.6645 0.6475 4.186 c 0.21 0.1225 0.4515 0.1785 0.721 0.1785 c 0.882 0 2.037 -0.63 3.206 -1.722 c 1.169 1.085 2.324 1.708 3.206 1.708 c 0.2695 0 0.5145 -0.0595 0.7245 -0.1785 c 0.903 -0.5215 1.106 -2.142 0.6405 -4.1755 C 16.669 12.1225 17.9675 11.1355 17.9675 10.0925 z M 13.7885 7.954 c -0.119 0.413 -0.266 0.84 -0.434 1.267 c -0.133 -0.2555 -0.2695 -0.5145 -0.42 -0.77 c -0.147 -0.2555 -0.3045 -0.5075 -0.462 -0.7525 C 12.9275 7.765 13.3685 7.849 13.7885 7.954 z M 12.3185 11.3735 c -0.252 0.434 -0.5075 0.8435 -0.7735 1.225 c -0.4795 0.042 -0.9625 0.063 -1.4525 0.063 c -0.4865 0 -0.9695 -0.021 -1.4455 -0.0595 c -0.266 -0.3815 -0.525 -0.791 -0.777 -1.2215 c -0.245 -0.42 -0.4655 -0.847 -0.6685 -1.2775 c 0.1995 -0.4305 0.4235 -0.861 0.665 -1.281 c 0.252 -0.434 0.5075 -0.8435 0.7735 -1.225 c 0.4795 -0.042 0.9625 -0.063 1.4525 -0.063 c 0.4865 0 0.9695 0.021 1.4455 0.0595 c 0.266 0.3815 0.525 0.791 0.777 1.2215 c 0.245 0.42 0.4655 0.847 0.6685 1.2775 C 12.7805 10.5195 12.5565 10.95 12.3185 11.3735 z M 13.3545 10.9535 c 0.175 0.4305 0.322 0.861 0.4445 1.2775 c -0.42 0.1015 -0.8645 0.189 -1.323 0.2555 c 0.1575 -0.2485 0.315 -0.5005 0.462 -0.7595 C 13.085 11.4715 13.2215 11.2125 13.3545 10.9535 z M 10.0995 14.38 c -0.2975 -0.308 -0.5985 -0.651 -0.8925 -1.029 c 0.2905 0.014 0.5845 0.021 0.882 0.021 c 0.301 0 0.602 -0.007 0.8925 -0.021 C 10.6945 13.729 10.3935 14.072 10.0995 14.38 z M 7.709 12.49 c -0.455 -0.0665 -0.896 -0.1505 -1.316 -0.252 c 0.119 -0.413 0.266 -0.84 0.434 -1.267 c 0.133 0.2555 0.2695 0.5145 0.42 0.77 C 7.3975 11.993 7.5515 12.245 7.709 12.49 z M 10.082 5.8085 c 0.2975 0.308 0.5985 0.651 0.8925 1.029 c -0.2905 -0.014 -0.5845 -0.021 -0.882 -0.021 c -0.301 0 -0.602 0.007 -0.8925 0.021 C 9.4905 6.4595 9.788 6.1165 10.082 5.8085 z M 7.7055 7.6985 c -0.1575 0.2485 -0.315 0.5005 -0.462 0.7595 c -0.147 0.2555 -0.287 0.5145 -0.4165 0.77 c -0.175 -0.4305 -0.322 -0.861 -0.4445 -1.2775 C 6.806 7.8525 7.247 7.765 7.7055 7.6985 z M 4.8005 11.72 c -1.1375 -0.4865 -1.8725 -1.12 -1.8725 -1.624 c 0 -0.504 0.735 -1.1445 1.8725 -1.624 c 0.2765 -0.119 0.5775 -0.224 0.889 -0.3255 c 0.182 0.63 0.4235 1.2845 0.721 1.9565 c -0.294 0.6685 -0.532 1.3195 -0.714 1.946 C 5.3815 11.9475 5.0805 11.839 4.8005 11.72 z M 6.5295 16.305 c -0.4375 -0.252 -0.6265 -1.204 -0.4795 -2.429 c 0.035 -0.301 0.0945 -0.6195 0.1645 -0.945 c 0.63 0.154 1.316 0.273 2.037 0.35 c 0.434 0.595 0.882 1.134 1.337 1.6065 c -1.0465 0.973 -2.03 1.505 -2.695 1.505 C 6.7465 16.389 6.624 16.361 6.5295 16.305 z M 14.1455 13.8585 c 0.1505 1.225 -0.035 2.1805 -0.469 2.4325 c -0.098 0.0595 -0.2205 0.084 -0.3675 0.084 c -0.665 0 -1.6485 -0.5285 -2.695 -1.4945 c 0.448 -0.4725 0.8995 -1.008 1.3265 -1.603 c 0.7245 -0.077 1.414 -0.196 2.0405 -0.3535 C 14.051 13.2495 14.107 13.561 14.1455 13.8585 z M 15.381 11.72 c -0.2765 0.119 -0.5775 0.224 -0.889 0.3255 c -0.182 -0.63 -0.4235 -1.2845 -0.721 -1.9565 c 0.294 -0.6685 0.532 -1.3195 0.714 -1.946 c 0.3185 0.098 0.6195 0.21 0.903 0.329 c 1.1375 0.4865 1.8725 1.12 1.8725 1.624 C 17.25 10.5965 16.515 11.237 15.381 11.72 z"
stroke="#0e141b" stroke-width="0.7" class=""></path><path fill-rule="evenodd" clip-rule="evenodd" d="M 10.08 11.52 C 10.8753 11.52 11.52 10.8753 11.52 10.08 C 11.52 9.2847 10.8753 8.64 10.08 8.64 C 9.2847 8.64 8.64 9.2847 8.64 10.08 C 8.64 10.8753 9.2847 11.52 10.08 11.52 Z" class="" fill="#0e141b"></path></svg>
I'm going to try fork this and then make a PR tomorrow, but i'm not very good at typescript and react.