Feat: Create custom header changer (#694)

* Add custom header adder

* Make custom headers work in apip

* remove unnecesarry console.logs

* Remove add-cookie button remains

* getFile and remove unnecesarry ifs

* Add warning and copy to code function

test_web/static/css/darkmode.less

@@ -11,6 +11,9 @@
 .darkmode {
     color-scheme: dark;
     background-color: var(--main-bg);
+    .headerinfo span[contenteditable="true"]{
+        border: 1px solid #fff2;
+    }
     select,
     input {
         background-color: var(--main-bg);

test_web/static/css/index.less

@@ -228,6 +228,7 @@
 }
 
 #popularNovels,
+#headerChanger,
 #searchNovels,
 #parseNovelAndChapters,
 #parseChapter,
@@ -237,6 +238,36 @@
     margin-inline: auto;
 }
 
+.headerinfo {
+    margin-bottom: 5px;
+    span[contenteditable="true"] {
+        border: 1px solid black;
+        padding: 3px 10px;
+        display: inline;
+    }
+}
+
+#headersnotcopied,
+#headerscopied {
+    font-size: 1.3rem;
+}
+
+#headersnotcopied {
+    color: red;
+    display: none;
+}
+
+#headerscopied {
+    color: green;
+    display: none;
+}
+
+.headereditbutton {
+    margin-left: 5px;
+    border: none;
+    padding-inline: 5px;
+}
+
 #popularNovels,
 #searchNovels {
     height: 350px;