Favorite as a button

public/script.js

@@ -2899,14 +2899,6 @@ async function saveSettings(type) {
     });
 }
 
-function isInt(value) {
-    return (
-        !isNaN(value) &&
-        parseInt(Number(value)) == value &&
-        !isNaN(parseInt(value, 10))
-    );
-}
-
 function messageEditAuto(div) {
     let mesBlock = div.closest(".mes_block");
     var text = mesBlock.find(".edit_textarea").val().trim();
@@ -3050,31 +3042,6 @@ async function getStatusNovel() {
     }
 }
 
-function compareVersions(v1, v2) {
-    const v1parts = v1.split(".");
-    const v2parts = v2.split(".");
-
-    for (let i = 0; i < v1parts.length; ++i) {
-        if (v2parts.length === i) {
-            return 1;
-        }
-
-        if (v1parts[i] === v2parts[i]) {
-            continue;
-        }
-        if (v1parts[i] > v2parts[i]) {
-            return 1;
-        } else {
-            return -1;
-        }
-    }
-
-    if (v1parts.length != v2parts.length) {
-        return -1;
-    }
-
-    return 0;
-}
 
 function selectRightMenuWithAnimation(selectedMenuId) {
     const displayModes = {
@@ -3166,7 +3133,7 @@ function select_selected_character(chid) {
         this_avatar = getThumbnailUrl('avatar', characters[chid].avatar);
     }
 
-    $("#fav_checkbox").prop("checked", characters[chid].fav == "true");
+    updateFavButtonState(characters[chid].fav == "true");
     
     $("#avatar_load_preview").attr("src", this_avatar);
     $("#name_div").css("display", "none");
@@ -3246,6 +3213,13 @@ function updateChatMetadata(newValues, reset) {
     chat_metadata = reset ? { ...newValues } : { ...chat_metadata, ...newValues };
 }
 
+function updateFavButtonState(state) {
+    fav_ch_checked = state;
+    $("#fav_checkbox").val(fav_ch_checked);
+    $("#favorite_button").toggleClass('fav_on', fav_ch_checked);
+    $("#favorite_button").toggleClass('fav_off', !fav_ch_checked);
+}
+
 function callPopup(text, type) {
     if (type) {
         popup_type = type;
@@ -4307,11 +4281,11 @@ $(document).ready(function () {
             }
         });
 
-    $("#fav_checkbox").change(function(){
-            fav_ch_checked = $(this).prop("checked");
-            if (menu_type != "create") {
-                saveCharacterDebounced();
-            }
+    $("#favorite_button").on('click', function(){
+        updateFavButtonState(!fav_ch_checked);
+        if (menu_type != "create") {
+            saveCharacterDebounced();
+        }
     });
 
     $("#talkativeness_slider").on("input", function () {