UI - GitOps Mode: Core abstractions, first batch of applications (#26401)

## For #26229 – Part 1


![ezgif-6bbe6d60c12ed4](https://github.com/user-attachments/assets/37a04b64-abd7-4605-b4ac-9542836ff562)

- This PR contains the core abstractions, routes, API updates, and types
for GitOps mode in the UI. Since this work will touch essentially every
part of the Fleet UI, it is ripe for merge conflicts. To mitigate such
conflicts, I'll be merging this work in a number of iterative PRs. ~To
effectively gate any of this work from showing until it is all merged to
`main`, [this commit](feedbb2d4c25ec2e304e1f18d409cee62f6752ed) hides
the settings section that allows enabling/disabling this setting,
effectively feature flagging the entire thing. In the last of these
iterative PRs, that commit will be reverted to engage the entire
feature. For testing purposes, reviewers can `git revert
feedbb2d4c25ec2e304e1f18d409cee62f6752ed` locally~ The new settings
section for this feature is feature flagged until all PRs are merged -
to show the setting section while testing, run `ALLOW_GITOPS_MODE=true
NODE_ENV=development yarn run webpack --progress --watch` in place of
`make generate-dev`

- Changes file will be added and feature flag removed in the last PR

- [x] Settings page with routing, form, API integration (hidden until
last PR)
- [x] Activities
- [x] Navbar indicator
- Apply GOM conditional UI to:
    - [x] Manage enroll secret modal: .5
    -  Controls >
        - [x] Scripts:
        - Setup experience > 
            - [x] Install software > Select software modal
        - [x] OS Settings >
            - [x] Custom settings
            - [x] Disk encryption
        - [x] OS Updates
 
2/18/25, added to this PR:

   - [x] Controls > Setup experience > Run script
   - [x] Software >
        - [x] Manage automations modal
        - [x] Add software >
            - [x] App Store (VPP)
            - [x] Custom package
   - [x] Queries
        - [x] Manage
        - [x] Automations modal
        - [x] New
        - [x] Edit
   - [x] Policies
     - [x] Manage
     - [x] New
     - [x] Edit
     -  Manage automations
       - [x] Calendar events


- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>

frontend/components/GitOpsModeTooltipWrapper/GitOpsModeTooltipWrapper.tsx

@@ -0,0 +1,60 @@
+import CustomLink from "components/CustomLink";
+import TooltipWrapper, {
+  ITooltipWrapper,
+} from "components/TooltipWrapper/TooltipWrapper";
+import { AppContext } from "context/app";
+import React, { useContext } from "react";
+
+interface IGitOpsModeTooltipWrapper {
+  renderChildren: (disableChildren?: boolean) => React.ReactNode;
+  position?: ITooltipWrapper["position"];
+  tipOffset?: ITooltipWrapper["tipOffset"];
+  fixedPositionStrategy?: ITooltipWrapper["fixedPositionStrategy"];
+}
+
+const baseClass = "gitops-mode-tooltip-wrapper";
+
+const GitOpsModeTooltipWrapper = ({
+  position = "top",
+  tipOffset,
+  renderChildren,
+  fixedPositionStrategy,
+}: IGitOpsModeTooltipWrapper) => {
+  const { config } = useContext(AppContext);
+  const gomEnabled = config?.gitops.gitops_mode_enabled;
+  const repoURL = config?.gitops.repository_url;
+
+  if (!gomEnabled) {
+    return <>{renderChildren()}</>;
+  }
+
+  const tipContent = (
+    // at this point repoURL will always be defined
+    <>
+      {repoURL && (
+        <>
+          Manage in{" "}
+          <CustomLink newTab text="YAML" variant="tooltip-link" url={repoURL} />
+          <br />
+        </>
+      )}
+      (GitOps mode enabled)
+    </>
+  );
+
+  return (
+    <TooltipWrapper
+      className={baseClass}
+      position={position}
+      tipOffset={tipOffset}
+      tipContent={tipContent}
+      underline={false}
+      showArrow
+      fixedPositionStrategy={fixedPositionStrategy}
+    >
+      {renderChildren(true)}
+    </TooltipWrapper>
+  );
+};
+
+export default GitOpsModeTooltipWrapper;

frontend/components/GitOpsModeTooltipWrapper/_styles.scss

@@ -0,0 +1,7 @@
+.gitops-mode-tooltip-wrapper {
+  .component__tooltip-wrapper {
+    &__tip-text {
+      cursor: default;
+    }
+  }
+}

frontend/components/GitOpsModeTooltipWrapper/index.ts

@@ -0,0 +1 @@
+export { default } from "./GitOpsModeTooltipWrapper";