style: improve checkbox alignment and styling

- Fix checkbox alignment with flex display override
- Reduce checkbox size from 20px to 18px
- Add accent-color to match theme
- Improve text color and spacing
- All checkboxes now properly aligned

src/index.css

@@ -1584,25 +1584,30 @@ body {
 }
 
 .checkbox-label {
-  display: flex;
+  display: flex !important;
   align-items: center;
   gap: 0.75rem;
   cursor: pointer;
   user-select: none;
   text-align: left;
   justify-content: flex-start;
+  margin-bottom: 0 !important;
+  font-weight: normal !important;
 }
 
 .setting-checkbox {
-  width: 20px;
-  height: 20px;
+  width: 18px;
+  height: 18px;
   cursor: pointer;
   flex-shrink: 0;
+  margin: 0;
+  accent-color: #646cff;
 }
 
 .checkbox-label span {
-  color: #ccc;
+  color: #ddd;
   text-align: left;
+  font-weight: 500;
 }
 
 .settings-footer {