feat: add providers menu item

Author: peppescg

src/features/header/components/header.tsx

@@ -3,9 +3,9 @@ import { SidebarTrigger } from "../../../components/ui/sidebar";
 import { DropdownMenu } from "../../../components/HoverPopover";
 import { Separator, ButtonDarkMode } from "@stacklok/ui-kit";
 import { WorkspacesSelection } from "@/features/workspace/components/workspaces-selection";
-import { CERTIFICATE_MENU_ITEMS } from "../constants/certificate-menu-items";
 import { HELP_MENU_ITEMS } from "../constants/help-menu-items";
 import { HeaderStatusMenu } from "./header-status-menu";
+import { SETTINGS_MENU_ITEMS } from "../constants/settings-menu-items";
 
 function HomeLink() {
   return (
@@ -39,8 +39,8 @@ export function Header({ hasError }: { hasError?: boolean }) {
       </div>
       <div className="flex items-center gap-1 mr-2">
         <HeaderStatusMenu />
-        <DropdownMenu title="Certificates" items={CERTIFICATE_MENU_ITEMS} />
         <DropdownMenu title="Help" items={HELP_MENU_ITEMS} />
+        <DropdownMenu title="Settings" items={SETTINGS_MENU_ITEMS} />
 
         <ButtonDarkMode />
       </div>

src/features/header/constants/certificate-menu-items.tsx

@@ -0,0 +1,39 @@
+import { OptionsSchema } from "@stacklok/ui-kit";
+import {
+  Download01,
+  LayersThree01,
+  ShieldTick,
+} from "@untitled-ui/icons-react";
+
+export const SETTINGS_MENU_ITEMS = [
+  {
+    textValue: "Providers",
+    id: "providers",
+    items: [
+      {
+        icon: <LayersThree01 />,
+        id: "providers",
+        href: "/providers",
+        textValue: "Providers",
+      },
+    ],
+  },
+  {
+    textValue: "Certificates",
+    id: "certificates",
+    items: [
+      {
+        icon: <ShieldTick />,
+        id: "about-certificate-security",
+        href: "/certificates/security",
+        textValue: "About certificate security",
+      },
+      {
+        icon: <Download01 />,
+        id: "download-certificates",
+        href: "/certificates",
+        textValue: "Download certificates",
+      },
+    ],
+  },
+] as const satisfies OptionsSchema<"menu">[];