fix(front): Expand button UI bugs (#349)

## 📝 Description
When I implemented the Expand Button I forgot to treat the following
cases:
- Dark Theme ENABLED: Add dark style to expand button
- Sticky Commands Disabled: Don't show expand buttons for non-sticky
commands since it is not required, and it will not fix any ui issues.

All values used in this UI are mocks.


https://github.com/user-attachments/assets/30b2ebfa-0969-402b-84c9-993caee8790b

## ✅ Checklist
- [x] I have tested this change
- [ ] This change requires documentation update

Co-authored-by: Pedro Foresti Leão <[email protected]>

Author: forestileao

front/assets/css/app-semaphore-min.css

@@ -1466,6 +1466,16 @@ li.projects-menu-item-special:hover {
     background-color: #c7edff;
     color: #202B30;
 }
+
+.job-log-container--dark .job-log-line-expand {
+    background-color: #242f32;
+}
+
+.job-log-container--dark .job-log-line-expand:hover {
+  background-color: #0d1517;
+  color: #B5BCC0;
+}
+
 .job-log-loading {
     position: relative;
     overflow: hidden;

front/assets/css/app-semaphore.css

@@ -117,17 +117,7 @@ export class JobLogs {
   }
 
   setupFoldExpandButtons() {
-    document.querySelectorAll('.job-log-line.command').forEach((element) => {
-      const fold = element.closest(".job-log-fold");
-      const expandButton = fold?.querySelector(".job-log-line-expand");
-        
-      if (element.offsetHeight >= 250) {
-        expandButton.style.top = element.offsetHeight.toString() + "px"
-        expandButton?.classList.remove("dn");
-      } else {
-        expandButton?.classList.add("dn");
-      }
-    });
+    this.configureExpandsButton()
 
     this.on("click", ".job-log-line-expand", (e) => {
       const fold = e.target.closest(".job-log-fold");
@@ -156,8 +146,40 @@ export class JobLogs {
     expandButton.style.top = jobCommand.offsetHeight.toString() + "px"
   }
 
+  configureExpandsButton() {
+    if (State.get("sticky")) {
+      this.enableExpandsButton()
+    } else {
+      this.disableExpandsButton()
+    }
+  }
+
+  enableExpandsButton() {
+    document.querySelectorAll('.job-log-line.command').forEach((element) => {
+      const fold = element.closest(".job-log-fold");
+      const expandButton = fold?.querySelector(".job-log-line-expand");
+        
+      if (element.offsetHeight >= 250) {
+        expandButton.style.top = element.offsetHeight.toString() + "px"
+        expandButton?.classList.remove("dn");
+      } else {
+        expandButton?.classList.add("dn");
+      }
+    });
+  }
+
+  disableExpandsButton() {
+    document.querySelectorAll('.job-log-line.command').forEach((element) => {
+      const fold = element.closest(".job-log-fold");
+      const expandButton = fold?.querySelector(".job-log-line-expand");
+        
+      expandButton?.classList.add("dn");
+    });
+  }
+
   update() {
     _.forIn(this.components, (component) => component.update())
+    this.configureExpandsButton()
   }
 
   on(event, selector, callback) {