Moves to use the field name but puts title in the on hover

Author: craigsdennis

src/components/models/SchemaRow.astro

@@ -9,10 +9,11 @@ const { node, root } = Astro.props;
 	class={`py-2 !my-0 !list-none ${root ? "" : "border-l border-l-gray-200 dark:border-l-gray-500 pl-4"}`}
 >
 	{
-		node.title ? (
-			<span class="mr-2 font-bold">{node.title}</span>
-		) : (
-			<code class="mr-2 rounded-md bg-gray-100 !pr-0 font-mono">
+		(
+			<code
+				class="mr-2 rounded-md bg-gray-100 !pr-0 font-mono"
+				title={node.title}
+			>
 				{node.subpath[node.subpath.length - 1]}
 				{node.parent.fragment?.required?.includes(
 					node.subpath[node.subpath.length - 1],