feat(UI): move sponsor progress to Configuration tab (#2153)

Author: AprilSylph

src/action/components/sponsor-progress/index.css

@@ -1,12 +1,16 @@
 :host {
-  position: relative;
+  position: sticky;
+  bottom: 0;
 
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   column-gap: 12px;
-  padding-block: 4px;
+  padding: 8px;
+  border-top: 1px solid rgb(var(--active-grey));
+
+  background-color: rgb(var(--white));
 }
 
 #caption {

src/action/components/xkit-feature/index.css

@@ -1,4 +1,4 @@
-details {
+:host(:not(:last-child)) details {
   border-bottom: 1px dotted rgb(var(--active-grey));
 }
 

src/action/popup.html

@@ -48,6 +48,7 @@
           <p>No results found.</p>
         </div>
         <div class="features"></div>
+        <sponsor-progress></sponsor-progress>
       </section>
       <section id="backup-panel" role="tabpanel" aria-labelledby="backup-tab" tabindex="0" hidden>
         <details id="export" open>
@@ -96,7 +97,6 @@ <h4>Related projects</h4>
           <li><a href="https://github.com/AprilSylph/Outbox-for-Tumblr#readme" target="_blank">Outbox for Tumblr</a></li>
           <li><a href="https://github.com/AprilSylph/Filtering-Plus#readme" target="_blank">Filtering+ for Tumblr</a></li>
         </ul>
-        <sponsor-progress></sponsor-progress>
       </section>
     </main>
   </body>