Misc fixes for Domain Page Extended Metadata (#914)

* Fix ListTableNested item label styling to use regular weight labels instead of bold ones
* Add a placeholder for empty descriptions to DomainPageMetadataDescription
* Use direct strings for button props instead of the enums

Author: adhityamamallan

src/components/list-table-nested/list-table-nested.styles.ts

@@ -40,7 +40,6 @@ export const styled = {
     'div',
     ({ $theme }: { $theme: Theme }): StyleObject => ({
       ...$theme.typography.LabelSmall,
-      fontWeight: '700',
     })
   ),
   Description: createStyled(

src/views/domain-page/domain-page-metadata-description/__tests__/domain-page-metadata-description.test.tsx

@@ -14,6 +14,11 @@ describe(DomainPageMetadataDescription.name, () => {
     expect(screen.getByText('Test Description')).toBeInTheDocument();
   });
 
+  it('displays "No description" when description is empty', () => {
+    render(<DomainPageMetadataDescription description="" />);
+    expect(screen.getByText('No description')).toBeInTheDocument();
+  });
+
   it('renders the edit button with correct link', () => {
     render(<DomainPageMetadataDescription description="Test Description" />);
     const button = screen.getByText('Edit in Settings');

src/views/domain-page/domain-page-metadata-description/domain-page-metadata-description.styles.ts

@@ -7,4 +7,7 @@ export const styled = {
     alignItems: 'flex-start',
     gap: $theme.sizing.scale500,
   })),
+  DescriptionPlaceholder: createStyled('div', ({ $theme }) => ({
+    color: $theme.colors.contentTertiary,
+  })),
 };

src/views/domain-page/domain-page-metadata-description/domain-page-metadata-description.tsx

@@ -1,4 +1,4 @@
-import { Button, KIND, SHAPE, SIZE } from 'baseui/button';
+import { Button } from 'baseui/button';
 import Link from 'next/link';
 import { useParams } from 'next/navigation';
 import { MdEdit } from 'react-icons/md';
@@ -14,11 +14,17 @@ export default function DomainPageMetadataDescription(props: Props) {
 
   return (
     <styled.DescriptionContainer>
-      {props.description}
+      {props.description !== '' ? (
+        props.description
+      ) : (
+        <styled.DescriptionPlaceholder>
+          No description
+        </styled.DescriptionPlaceholder>
+      )}
       <Button
-        kind={KIND.secondary}
-        shape={SHAPE.pill}
-        size={SIZE.mini}
+        kind="secondary"
+        shape="pill"
+        size="mini"
         startEnhancer={<MdEdit />}
         $as={Link}
         href={`/domains/${encodedDomain}/${encodedCluster}/settings`}