Replace the Sync/Suspend/Resume controls, used in the SyncActions and CheckboxActions components, with the new Sync/Suspend/Resume controls (the SyncControl component). (#4080).

* Move all components, related to syncing and suspending objects (existing `SyncActions` and `CheckboxActions` and new `SyncControls` and `ResumeIcon`), to the `Sync` folder.

* Update the related UI snapshot.

* Add `SyncControls` to exports.

* Move custom actions to the start (left) of `SyncControls` buttons.

* Re-arrange icons in `IconType` alphabetically.

Author: opudrovs

ui/components/AutomationDetail.tsx

@@ -21,7 +21,7 @@ import ReconciledObjectsTable from "./ReconciledObjectsTable";
 import ReconciliationGraph from "./ReconciliationGraph";
 import RequestStateHandler from "./RequestStateHandler";
 import SubRouterTabs, { RouterTab } from "./SubRouterTabs";
-import SyncActions from "./SyncActions";
+import SyncActions from "./Sync/SyncActions";
 import Text from "./Text";
 import Timestamp from "./Timestamp";
 import YamlView from "./YamlView";

ui/components/CheckboxActions.tsx

@@ -15,7 +15,6 @@ import styled from "styled-components";
 import { ThemeTypes } from "../../contexts/AppContext";
 import { SearchedNamespaces } from "../../lib/types";
 import { IconButton } from "../Button";
-import CheckboxActions from "../CheckboxActions";
 import ChipGroup from "../ChipGroup";
 import FilterDialog, {
   FilterConfig,
@@ -27,6 +26,7 @@ import Icon, { IconType } from "../Icon";
 import InfoModal from "../InfoModal";
 import SearchField from "../SearchField";
 import Spacer from "../Spacer";
+import CheckboxActions from "../Sync/CheckboxActions";
 import Text from "../Text";
 import {
   filterRows,