refactor: Update ActionsGroup component to improve readability and maintainability

frontend/src/features/machines/components/common/ActionsGroup.js

@@ -27,25 +27,26 @@ const ActionsGroup = ({ machine, actions, addLog }) => {
 
   return (
     <>
-      <WakeComponent machine={machine} addLog={addLog} disabled={!canOperateMachines} />
+      <div style={{ display: "flex", flexDirection: "row", justifyContent: "flex-end" }}>
-      {mainActions.map(action => (
+        <WakeComponent machine={machine} addLog={addLog} disabled={!canOperateMachines} />
+        {mainActions.map(action => (
+          <ActionButton
+            key={`machine-item-${machine.machineId}-${action.code}`}
+            action={action}
+            machine={machine}
+            disabled={!canOperateMachines}
+          />
+        ))}
         <ActionButton
-          key={`machine-item-${machine.machineId}-${action.code}`}
+          action={{
-          action={action}
+            code: "more",
+            effect: handleMenuOpen,
+            icon: MoreHoriz,
+            tooltip: t("Machine.Actions.More")
+          }}
           machine={machine}
-          disabled={!canOperateMachines}
         />
-      ))}
+      </div>
-      <ActionButton
-        action={{
-          code: "more",
-          effect: handleMenuOpen,
-          icon: MoreHoriz,
-          tooltip: t("Machine.Actions.More")
-        }}
-        machine={machine}
-      />
-
       <Menu
         id="secondary-actions-menu"
         anchorEl={menuAnchor}