validation report null guard

Author: Alessandro100

src/app/screens/Feed/components/DataQualitySummary.tsx

@@ -42,9 +42,9 @@ export default async function DataQualitySummary({
             <>
               <Chip
                 data-testid='error-count'
-                clickable
+                clickable={Boolean(latestDataset?.validation_report?.url_html)}
                 component='a'
-                href={latestDataset?.validation_report?.url_html}
+                href={latestDataset?.validation_report?.url_html ?? undefined}
                 target='_blank'
                 rel='noopener noreferrer nofollow'
                 icon={
@@ -77,9 +77,9 @@ export default async function DataQualitySummary({
 
               <Chip
                 data-testid='warning-count'
-                clickable
+                clickable={Boolean(latestDataset?.validation_report?.url_html)}
                 component='a'
-                href={latestDataset?.validation_report?.url_html}
+                href={latestDataset?.validation_report?.url_html ?? undefined}
                 target='_blank'
                 rel='noopener noreferrer nofollow'
                 icon={
@@ -120,9 +120,9 @@ export default async function DataQualitySummary({
                     <CheckCircle />
                   )
                 }
-                clickable
+                clickable={Boolean(latestDataset?.validation_report?.url_html)}
                 component='a'
-                href={latestDataset?.validation_report?.url_html}
+                href={latestDataset?.validation_report?.url_html ?? undefined}
                 target='_blank'
                 rel='noopener noreferrer nofollow'
                 label={

src/app/screens/Feed/components/PreviousDatasets.tsx

@@ -266,8 +266,12 @@ export default function PreviousDatasets({
                         >
                           <Chip
                             component='a'
-                            clickable
-                            href={`${dataset?.validation_report?.url_html}`}
+                            clickable={Boolean(
+                              dataset?.validation_report?.url_html,
+                            )}
+                            href={
+                              dataset?.validation_report?.url_html ?? undefined
+                            }
                             target='_blank'
                             rel='noreferrer nofollow'
                             sx={{
@@ -336,8 +340,12 @@ export default function PreviousDatasets({
                               },
                             }}
                             component='a'
-                            clickable
-                            href={`${dataset?.validation_report?.url_html}`}
+                            clickable={Boolean(
+                              dataset?.validation_report?.url_html,
+                            )}
+                            href={
+                              dataset?.validation_report?.url_html ?? undefined
+                            }
                             target='_blank'
                             rel='noreferrer nofollow'
                             icon={
@@ -398,8 +406,12 @@ export default function PreviousDatasets({
                               },
                             }}
                             component='a'
-                            clickable
-                            href={`${dataset?.validation_report?.url_html}`}
+                            clickable={Boolean(
+                              dataset?.validation_report?.url_html,
+                            )}
+                            href={
+                              dataset?.validation_report?.url_html ?? undefined
+                            }
                             target='_blank'
                             rel='noreferrer nofollow'
                             icon={