add bulk archive button

popup.css

@@ -1,10 +1,10 @@
 body {
-    width: 240px;
-    padding: 15px;
-    font-family: Arial, sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  width: 240px;
+  padding: 15px;
+  font-family: Arial, sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .header {
@@ -33,9 +33,9 @@ button {
   padding: 8px 12px;
   font-size: 14px;
   cursor: pointer;
-  background-color: #1ABC9C;
+  background-color: #1abc9c;
   color: white;
-  border: 1px solid #16A085;
+  border: 1px solid #16a085;
   border-radius: 6px;
   text-align: center;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -44,17 +44,21 @@ button {
 }
 
 button:hover {
-  background-color: #16A085;
-  border-color: #14967F;
+  background-color: #16a085;
+  border-color: #14967f;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
 }
 
-button#bulk-delete, button#toggle-checkboxes {
+button#bulk-delete,
+button#toggle-checkboxes,
+button#bulk-archive {
   font-size: 16px;
   background-color: #e74c3c;
   border-color: #c0392b;
   margin-top: 10px;
-  width: calc(200px + 40px); /* bulk-delete 宽度等于 body 的宽度减去左右内边距再加上两者之间的距离 */
+  width: calc(
+    200px + 40px
+  ); /* bulk-delete 宽度等于 body 的宽度减去左右内边距再加上两者之间的距离 */
 }
 
 .buttons-wrapper {
@@ -94,12 +98,17 @@ button#toggle-checkboxes {
   border-color: #2758ab;
 }
 
+button#bulk-archive {
+  background-color: #da6922;
+  border-color: #dc661c;
+}
+
 #sponsorLink {
   display: inline-flex;
   align-items: center;
   padding: 10px 20px;
-  background-color: #383E46;
-  border-color: #78838F;
+  background-color: #383e46;
+  border-color: #78838f;
   border-radius: 5px;
   color: #fff;
   text-decoration: none;
@@ -114,4 +123,4 @@ button#toggle-checkboxes {
 
 #sponsorLink:hover {
   background-color: #993366;
-}
+}