frontend cleanup

frontend/src/styles.css

@@ -1191,7 +1191,7 @@ button.danger:hover:not([disabled]) {
 .menu .menu__item {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-start;
   gap: 0.6rem;
   width: 100%;
   padding: 0.55rem 1rem;
@@ -1230,6 +1230,14 @@ button.danger:hover:not([disabled]) {
   text-overflow: ellipsis;
 }
 
+.menu__check-slot {
+  width: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--accent, #2563eb);
+}
+
 .menu__active-indicator {
   font-size: 0.75rem;
   color: var(--muted);
@@ -1245,6 +1253,28 @@ button.danger:hover:not([disabled]) {
 .menu__footer {
   border-top: 1px solid var(--border-muted, var(--border));
   padding: 0.35rem 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.menu__settings {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  padding: 0.4rem 0.5rem;
+  border-radius: 0.35rem;
+}
+
+.menu__settings:hover,
+.menu__settings:focus-visible {
+  background: var(--sidebar-hover-bg);
 }
 
 .menu__logout {