Re-enable webhooks sidebar link in project dashboard (#7196)

## [Dashboard] Feature: Add Webhooks to Project Sidebar

## Notes for the reviewer

This PR adds the Webhooks option to the project sidebar navigation. The option was previously commented out due to a scrolling issue, which has now been resolved.

## How to test

Navigate to a project page and verify that the Webhooks option appears in the sidebar with a "New" badge.

<!-- start pr-codex -->

---

## PR-Codex overview
This PR primarily focuses on refining the handling of webhook payloads and enhancing the `ProjectSidebarLayout` component by reintroducing the webhooks link. It also updates the API fetch calls to ensure they consistently use HTTPS.

### Detailed summary
- Changed `params` type in `webhookPayloadUtils.ts` from `Record<string, unknown> | unknown[]` to `Record<string, unknown>`.
- Updated `params` in the `buildTransactionWebhookPayload` function to use an empty object instead of an empty array.
- Reintroduced the webhooks link in `ProjectSidebarLayout.tsx` with appropriate properties.
- Updated fetch calls in `webhooks.ts` to use HTTPS for the API domain in multiple functions (`getWebhooks`, `deleteWebhook`, `testWebhook`).

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **New Features**
  - Re-enabled the "Webhooks" link in the project sidebar, now visible with a "New" badge.

- **Bug Fixes**
  - Improved API reliability by ensuring all webhook-related network requests use the correct HTTPS scheme.

- **Refactor**
  - Updated internal data structures for webhook payloads to improve consistency and type safety.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: AmineAfia

apps/dashboard/src/@/api/insight/webhooks.ts

@@ -73,15 +73,18 @@ export async function createWebhook(
 ): Promise<WebhookSingleResponse> {
   try {
     const authToken = await getAuthToken();
-    const response = await fetch(`${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "x-client-id": clientId,
-        Authorization: `Bearer ${authToken}`,
+    const response = await fetch(
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-client-id": clientId,
+          Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify(payload),
       },
-      body: JSON.stringify(payload),
-    });
+    );
 
     if (!response.ok) {
       const errorText = await response.text();
@@ -105,13 +108,16 @@ export async function getWebhooks(
 ): Promise<WebhooksListResponse> {
   try {
     const authToken = await getAuthToken();
-    const response = await fetch(`${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`, {
-      method: "GET",
-      headers: {
-        "x-client-id": clientId,
-        Authorization: `Bearer ${authToken}`,
+    const response = await fetch(
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks`,
+      {
+        method: "GET",
+        headers: {
+          "x-client-id": clientId,
+          Authorization: `Bearer ${authToken}`,
+        },
       },
-    });
+    );
 
     if (!response.ok) {
       const errorText = await response.text();
@@ -137,7 +143,7 @@ export async function deleteWebhook(
   try {
     const authToken = await getAuthToken();
     const response = await fetch(
-      `${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/${encodeURIComponent(webhookId)}`,
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/${encodeURIComponent(webhookId)}`,
       {
         method: "DELETE",
         headers: {
@@ -171,7 +177,7 @@ export async function testWebhook(
   try {
     const authToken = await getAuthToken();
     const response = await fetch(
-      `${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/test`,
+      `https://${THIRDWEB_INSIGHT_API_DOMAIN}/v1/webhooks/test`,
       {
         method: "POST",
         headers: {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectSidebarLayout.tsx

@@ -2,6 +2,7 @@
 import { FullWidthSidebarLayout } from "@/components/blocks/SidebarLayout";
 import { Badge } from "@/components/ui/badge";
 import {
+  BellIcon,
   BookTextIcon,
   BoxIcon,
   CoinsIcon,
@@ -94,17 +95,16 @@ export function ProjectSidebarLayout(props: {
           icon: NebulaIcon,
           tracking: tracking("nebula"),
         },
-        // Commented until we solve the scrolling issue
-        // {
-        //   href: `${layoutPath}/webhooks`,
-        //   label: (
-        //     <span className="flex items-center gap-2">
-        //       Webhooks <Badge>New</Badge>
-        //     </span>
-        //   ),
-        //   icon: BellIcon,
-        //   tracking: tracking("webhooks"),
-        // },
+        {
+          href: `${layoutPath}/webhooks`,
+          label: (
+            <span className="flex items-center gap-2">
+              Webhooks <Badge>New</Badge>
+            </span>
+          ),
+          icon: BellIcon,
+          tracking: tracking("webhooks"),
+        },
       ]}
       footerSidebarLinks={[
         {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/utils/webhookPayloadUtils.ts

@@ -20,7 +20,7 @@ export interface WebhookPayload {
       signatures?: Array<{
         sig_hash: string;
         abi?: string;
-        params: Record<string, unknown> | unknown[];
+        params: Record<string, unknown>;
       }>;
     }
   >;
@@ -59,7 +59,7 @@ export function buildTransactionWebhookPayload(
     txSignatures.push({
       sig_hash: data.sigHash,
       abi: data.sigHashAbi,
-      params: [],
+      params: {},
     });
   }
   return {