website refactor

apps/website/ui/Heading.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, forwardRef } from 'react';
+import React, { ReactNode, forwardRef, CSSProperties } from 'react';
 
 export interface HeadingProps {
   children: ReactNode;
@@ -8,7 +8,7 @@ export interface HeadingProps {
   uppercase?: boolean;
   intent?: 'primary' | 'telemetry' | 'warning' | 'critical' | 'default' | any;
   className?: string;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   mb?: number | any;
   marginBottom?: number | any;
   mt?: number | any;
@@ -19,6 +19,10 @@ export interface HeadingProps {
   truncate?: boolean;
   size?: string;
   icon?: ReactNode;
+  id?: string;
+  lineHeight?: string | any;
+  groupHoverColor?: string | any;
+  transition?: boolean | any;
 }
 
 /**