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

* Create the new `SyncControls` component for Sync/Suspend/Resume controls.

* 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

@@ -6,7 +6,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,
@@ -16,6 +15,7 @@ import FilterDialog, {
 import Flex from "../Flex";
 import Icon, { IconType } from "../Icon";
 import SearchField from "../SearchField";
+import CheckboxActions from "../Sync/CheckboxActions";
 import {
   filterRows,
   filterSelectionsToQueryString,