Added image preview for HomeKey Card Finish in Misc configuration pag…

…e on card finish click

data/misc.html

@@ -29,19 +29,19 @@ <h2 style="text-align: center;">Device Configuration</h2>
     <div id="hkfinish" style="background-image: url(hk-finish-0.webp);width: 300px;background-size: contain;background-repeat: no-repeat;min-height: 100px;"></div>
     <div>
       <label id="tan" for="hk-tan">Tan</label>
-      <input type="radio" id="hk-finish-0" name="hk-hwfinish" value="0" />
+      <input type="radio" id="hk-finish-0" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-0.webp)`" name="hk-hwfinish" value="0" />
     </div>
     <div>
       <label id="gold" for="hk-gold">Gold</label>
-      <input type="radio" id="hk-finish-1" name="hk-hwfinish" value="1" />
+      <input type="radio" id="hk-finish-1" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-1.webp)`" name="hk-hwfinish" value="1" />
     </div>
     <div>
       <label id="silver" for="hk-silver">Silver</label>
-      <input type="radio" id="hk-finish-2" name="hk-hwfinish" value="2" />
+      <input type="radio" id="hk-finish-2" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-2.webp)`" name="hk-hwfinish" value="2" />
     </div>
     <div>
       <label id="black" for="hk-black">Black</label>
-      <input type="radio" id="hk-finish-3" name="hk-hwfinish" value="3" />
+      <input type="radio" id="hk-finish-3" onClick="document.getElementById('hkfinish').style.backgroundImage=`url(hk-finish-3.webp)`" name="hk-hwfinish" value="3" />
     </div>
   </fieldset>