fix(site): add visible "Details" label to API reference table toggle columns (#1147)

Co-authored-by: Claude <noreply@anthropic.com>

site/src/components/docs/api-reference/ApiCSSVarsTable.astro

@@ -24,7 +24,7 @@ const vars = Object.entries(cssCustomProperties);
   <Thead>
     <Tr>
       <Th>Variable</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>

site/src/components/docs/api-reference/ApiDataAttrsTable.astro

@@ -25,7 +25,7 @@ const attrs = Object.entries(dataAttributes);
     <Tr>
       <Th>Attribute</Th>
       <Th>Type</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>

site/src/components/docs/api-reference/ApiPropsTable.astro

@@ -27,7 +27,7 @@ const { props, componentName, showAttributeName } = Astro.props;
       <Th>Prop</Th>
       <Th>Type</Th>
       <Th>Default</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>

site/src/components/docs/api-reference/ApiStateTable.astro

@@ -25,7 +25,7 @@ const stateEntries = Object.entries(state);
     <Tr>
       <Th>Property</Th>
       <Th>Type</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>

site/src/components/docs/api-reference/UtilParamsTable.astro

@@ -25,7 +25,7 @@ const { params, utilName } = Astro.props;
       <Th>Parameter</Th>
       <Th>Type</Th>
       <Th>Default</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>

site/src/components/docs/api-reference/UtilReturnTable.astro

@@ -38,7 +38,7 @@ const hasDetail = !hasFields && Boolean(returnValue.detailedType || returnValue.
         <Tr>
           <Th>Property</Th>
           <Th>Type</Th>
-          <Th />
+          <Th>Details</Th>
         </Tr>
       </Thead>
       <Tbody>
@@ -58,7 +58,7 @@ const hasDetail = !hasFields && Boolean(returnValue.detailedType || returnValue.
       <Thead>
         <Tr>
           <Th>Type</Th>
-          <Th />
+          <Th>Details</Th>
         </Tr>
       </Thead>
       <Tbody>