feat(docs): Add Hasura Monitoring Integration doc

components/APM/APMInstrumentationListicle.tsx

@@ -32,6 +32,7 @@ import {
   SiAndroid,
   SiWordpress,
   SiDeno,
+  SiHasura,
 } from 'react-icons/si'
 import IconCardGrid from '../Card/IconCardGrid'
 
@@ -360,6 +361,12 @@ export default function APMInstrumentationListicle({
             icon: <SiWordpress className="h-7 w-7 text-blue-600" />,
             clickName: 'WordPress Instrumentation Link',
           },
+          {
+            name: 'Hasura',
+            href: '/docs/integrations/opentelemetry-hasura',
+            icon: <SiHasura className="h-7 w-7 text-blue-600" />,
+            clickName: 'Hasura Instrumentation Link',
+          },
         ]}
         sectionName="Additional Options"
         gridCols="grid-cols-2 sm:grid-cols-3 md:grid-cols-4"

components/Integrations/IntegrationsListicle.tsx

@@ -12,6 +12,7 @@ import {
   SiTypescript,
   SiAmazonwebservices,
   SiMysql,
+  SiHasura,
 } from 'react-icons/si'
 import { BsCloudFill } from 'react-icons/bs'
 import { FaAws } from 'react-icons/fa'
@@ -120,6 +121,12 @@ export default function IntegrationsListicle({ category = 'all' }: IntegrationsL
             icon: <img src="/svgs/icons/neon.svg" alt="Neon" className="h-7 w-7 object-contain" />,
             clickName: 'Neon Integration Link',
           },
+          {
+            name: 'Hasura',
+            href: '/docs/integrations/opentelemetry-hasura',
+            icon: <SiHasura className="h-7 w-7 text-blue-600" />,
+            clickName: 'Hasura Integration Link',
+          },
           {
             name: 'Microsoft SQL Server',
             href: '/docs/integrations/sql-server',

components/Logs/LogsInstrumentationListicle.tsx

@@ -25,6 +25,7 @@ import {
   SiRedis,
   SiMysql,
   SiDeno,
+  SiHasura,
 } from 'react-icons/si'
 import { TbHttpGet, TbBrandOpenSource } from 'react-icons/tb'
 import { FaFileAlt, FaJava, FaWindows } from 'react-icons/fa'
@@ -140,6 +141,12 @@ export default function LogsInstrumentationListicle({
             icon: <img src="/svgs/icons/neon.svg" alt="Neon" className="h-7 w-7 object-contain" />,
             clickName: 'Neon Logs Link',
           },
+          {
+            name: 'Hasura',
+            href: '/docs/integrations/opentelemetry-hasura',
+            icon: <SiHasura className="h-7 w-7 text-blue-600" />,
+            clickName: 'Hasura Logs Link',
+          },
           {
             name: 'Convex',
             href: '/docs/logs-management/send-logs/convex-log-streams-signoz',

components/Metrics/MetricsQuickStartOverview.tsx

@@ -30,6 +30,7 @@ import {
   SiNodedotjs,
   SiPython,
   SiDeno,
+  SiHasura,
 } from 'react-icons/si'
 import { FaJava, FaServer, FaDatabase, FaCloud } from 'react-icons/fa'
 import { VscGraphLine } from 'react-icons/vsc'
@@ -287,6 +288,12 @@ export default function MetricsQuickStartOverview({
             icon: <img src="/svgs/icons/neon.svg" alt="Neon" className="h-7 w-7 object-contain" />,
             clickName: 'Neon Metrics Link',
           },
+          {
+            name: 'Hasura',
+            href: '/docs/integrations/opentelemetry-hasura',
+            icon: <SiHasura className="h-7 w-7 text-blue-600" />,
+            clickName: 'Hasura Metrics Link',
+          },
           {
             name: 'SQL Server',
             href: '/docs/integrations/sql-server',

constants/docsSideNav.ts

@@ -1126,6 +1126,11 @@ const docsSideNav = [
             route: '/docs/instrumentation/opentelemetry-cloudflare',
             label: 'Cloudflare Workers',
           },
+          {
+            type: 'doc',
+            route: '/docs/integrations/opentelemetry-hasura',
+            label: 'Hasura',
+          },
           // {
           //   type: 'category',
           //   isExpanded: false,
@@ -1453,6 +1458,11 @@ const docsSideNav = [
             route: '/docs/integrations/opentelemetry-neondb',
             label: 'Neon',
           },
+          {
+            type: 'doc',
+            route: '/docs/integrations/opentelemetry-hasura',
+            label: 'Hasura',
+          },
           {
             type: 'doc',
             route: '/docs/userguide/send-logs-http',
@@ -1788,6 +1798,11 @@ const docsSideNav = [
                 route: '/docs/integrations/opentelemetry-neondb',
                 label: 'Neon',
               },
+              {
+                type: 'doc',
+                route: '/docs/integrations/opentelemetry-hasura',
+                label: 'Hasura',
+              },
             ],
           },
           {
@@ -3266,6 +3281,11 @@ const docsSideNav = [
         route: '/docs/integrations/supabase',
         label: 'Supabase',
       },
+      {
+        type: 'doc',
+        route: '/docs/integrations/opentelemetry-hasura',
+        label: 'Hasura',
+      },
       {
         type: 'doc',
         route: '/docs/integrations/nomad',