fix: headings having duplicate keys (#8348)

* fix: fix headings having duplicate keys

* ci: don't mind me triggering the ci

Author: efekrskl

packages/ui-components/src/Containers/MetaBar/index.tsx

@@ -49,12 +49,12 @@ const MetaBar: FC<MetaBarProps> = ({
               <ol>
                 {filteredHeadings.map(head => (
                   <li
-                    key={head.value}
+                    key={head.data?.id}
                     className={
                       head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : ''
                     }
                   >
-                    <Component href={`#${head?.data?.id}`}>
+                    <Component href={`#${head.data?.id}`}>
                       {' '}
                       {head.value}
                     </Component>