update link and ui

apps/web/app/environments/[environmentId]/EnvironmentsNavbar.tsx

@@ -120,7 +120,7 @@ export default function EnvironmentsNavbar({ environmentId, session }: Environme
       },
       {
         name: "Integrations",
-        href: `/environments/${environmentId}/integrations/installation`,
+        href: `/environments/${environmentId}/integrations`,
         icon: DashboardIcon,
         current: pathname?.includes("/integrations"),
       },

apps/web/app/environments/[environmentId]/integrations/page.tsx

@@ -1,11 +1,12 @@
-import { Card, PageTitle } from "@formbricks/ui";
+import { Card } from "@formbricks/ui";
 import Image from "next/image";
 import JsLogo from "@/images/jslogo.png";
 
 export default function IntegrationsPage({ params }) {
   return (
     <div>
-      <PageTitle>Integrations</PageTitle>
+      <h1 className="my-2 text-3xl font-bold text-slate-800">Integrations</h1>
+      <p className="mb-6 text-slate-500">Connect Formbricks with your favorite tools.</p>
       <div className="grid grid-cols-3 gap-6">
         <Card
           href={`/environments/${params.environmentId}/integrations/js`}

packages/ui/components/PageTitle.tsx

@@ -1,11 +0,0 @@
-interface PageTitleProps {
-  children: React.ReactNode;
-}
-
-export const PageTitle: React.FC<PageTitleProps> = ({ children }: { children: React.ReactNode }) => {
-  return (
-    <div className="mb-6 text-3xl font-bold text-slate-600">
-      <h1>{children}</h1>
-    </div>
-  );
-};

packages/ui/index.tsx

@@ -29,7 +29,6 @@ export { ErrorComponent } from "./components/ErrorComponent";
 export { Input } from "./components/Input";
 export { PasswordInput } from "./components/PasswordInput";
 export { Label } from "./components/Label";
-export { PageTitle } from "./components/PageTitle";
 export { Popover, PopoverTrigger, PopoverContent } from "./components/Popover";
 export { ProgressBar, HalfCircle } from "./components/ProgressBar";
 export { RadioGroup, RadioGroupItem } from "./components/RadioGroup";