feat: add badgeLayout toggle, rename FOUC class to rt-badges-enabled

Co-authored-by: Cursor <cursoragent@cursor.com>

popup/popup.html

@@ -13,6 +13,10 @@
         <span>Enabled</span>
         <input type="checkbox" id="enabled">
       </label>
+      <label class="toggle-row">
+        <span>Badge layout</span>
+        <input type="checkbox" id="badgeLayout">
+      </label>
     </div>
 
     <div class="section">

popup/popup.js

@@ -68,6 +68,7 @@
 
   function populateControls(settings) {
     document.getElementById("enabled").checked = settings.enabled;
+    document.getElementById("badgeLayout").checked = settings.badgeLayout;
     document.getElementById("darkMode").value = settings.darkMode;
 
     COLOR_KEYS.forEach(function (key) {
@@ -280,6 +281,7 @@
   async function saveFromControls() {
     var settings = {
       enabled: document.getElementById("enabled").checked,
+      badgeLayout: document.getElementById("badgeLayout").checked,
       darkMode: document.getElementById("darkMode").value,
       subredditColors: collectSubredditOverrides(),
     };
@@ -301,6 +303,7 @@
     populateControls(settings);
 
     document.getElementById("enabled").addEventListener("change", saveFromControls);
+    document.getElementById("badgeLayout").addEventListener("change", saveFromControls);
     document.getElementById("darkMode").addEventListener("change", saveFromControls);
 
     COLOR_KEYS.forEach(function (key) {