Minor UI alignment fix

Author: rashmithachamikara

portal/frontend/src/features/catalog/ElementDetailsPage.tsx

@@ -192,7 +192,7 @@ function ElementDetailsPage(): React.JSX.Element {
           alignItems={{ md: 'flex-end' }}
           spacing={2}
         >
-          <Stack spacing={0.75} minWidth={0}>
+          <Stack spacing={1} minWidth={0}>
             <HeaderBreadcrumbs currentLabel={`${detail.namespace}:${detail.name}`} />
             <Typography variant="h4" fontWeight={700} sx={{ overflowWrap: 'anywhere' }}>
               {displayedVersion.displayName ?? detail.name}

portal/frontend/src/features/catalog/PurposeDetailsPage.tsx

@@ -194,7 +194,7 @@ function PurposeDetailsPage(): React.JSX.Element {
           alignItems={{ md: 'flex-end' }}
           spacing={2}
         >
-          <Stack spacing={0.75} minWidth={0}>
+          <Stack spacing={1} minWidth={0}>
             <HeaderBreadcrumbs currentLabel={detail.name} />
             <Typography variant="h4" fontWeight={700} sx={{ overflowWrap: 'anywhere' }}>
               {displayedVersion.displayName ?? detail.name}

portal/frontend/src/features/consent-registry/ConsentDetailsPage.tsx

@@ -214,7 +214,7 @@ function ConsentDetailsPage(): React.JSX.Element {
         alignItems={{ md: 'flex-end' }}
         spacing={2}
       >
-        <Stack spacing={0.75} minWidth={0}>
+        <Stack spacing={1} minWidth={0}>
           <HeaderBreadcrumbs />
           <Typography variant="h4" fontWeight={700} sx={{ overflowWrap: 'anywhere' }}>
             {t('consentRegistry.details.title', 'Consent Details')}