Add invoice agent UI (#1918)

skyvern-frontend/src/components/NavLinkGroup.tsx

@@ -10,6 +10,7 @@ type Props = {
     to: string;
     newTab?: boolean;
     disabled?: boolean;
+    beta?: boolean;
     icon?: React.ReactNode;
   }>;
 };
@@ -75,7 +76,7 @@ function NavLinkGroup({ title, links }: Props) {
                       color: groupIsActive ? "#EA580C" : "#8D3710",
                     }}
                   >
-                    Training
+                    {link.beta ? "Beta" : "Training"}
                   </Badge>
                 )}
               </div>

skyvern-frontend/src/routes/discover/TemporaryTemplateImages.ts

@@ -2,6 +2,7 @@ import jobApplicationImage from "@/assets/job-application.png";
 import contactFormsImage from "@/assets/contact-forms.png";
 import purchasingImage from "@/assets/purchasing.png";
 import entityLookupImage from "@/assets/entity-lookup.png";
+import invoiceImage from "@/assets/invoice-downloading.png";
 
 export const TEMPORARY_TEMPLATE_IMAGES: Record<string, string> = {
   wpid_353862309074493424: jobApplicationImage,
@@ -9,4 +10,6 @@ export const TEMPORARY_TEMPLATE_IMAGES: Record<string, string> = {
   wpid_356554024867713766: contactFormsImage,
   wpid_357290139535158898: purchasingImage,
   wpid_357290367168425660: entityLookupImage,
+  wpid_369161749055928862: invoiceImage,
+  wpid_369441201410076446: invoiceImage,
 };