fix(catalog): use Grid.Root instead of Grid for BUI Grid component

Signed-off-by: Johan Persson <johanopersson@gmail.com>

plugins/catalog/src/components/AboutCard/AboutContent.tsx

@@ -115,7 +115,7 @@ export function AboutContent(props: AboutContentProps) {
   }
 
   return (
-    <Grid columns={{ initial: '1', sm: '2', lg: '3' }} gap="3">
+    <Grid.Root columns={{ initial: '1', sm: '2', lg: '3' }} gap="3">
       <AboutField
         label={t('aboutCard.descriptionField.label')}
         style={{ gridColumn: '1 / -1' }}
@@ -232,6 +232,6 @@ export function AboutContent(props: AboutContentProps) {
           />
         </AboutField>
       )}
-    </Grid>
+    </Grid.Root>
   );
 }

plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx

@@ -36,10 +36,10 @@ export function LinksGridList(props: LinksGridListProps) {
   const numOfCols = useDynamicColumns(cols);
 
   return (
-    <Grid columns={String(numOfCols) as any} gap="2">
+    <Grid.Root columns={String(numOfCols) as any} gap="2">
       {items.map(({ text, href, Icon }, i) => (
         <IconLink key={i} href={href} text={text ?? href} Icon={Icon} />
       ))}
-    </Grid>
+    </Grid.Root>
   );
 }