Draw the data table without Tailwind

<x-table> renders data-md-table with data-md-size and data-md-dense,
and table.css moves into material.components on px and spacing tokens,
its cell selectors still inside :where() so a caller's cell rule wins
(plan step 36). The showcase's layout table follows the hook. A browser
test pins 52px rows and 36px dense ones.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

resources/views/showcase/sections/layout.blade.php

@@ -47,7 +47,7 @@
     </div>
 
     <div class="overflow-x-auto rounded-corner-lg border border-structure">
-        <table class="w-full type-body-md" data-table>
+        <table class="w-full type-body-md" data-md-table>
             <thead>
                 <tr>
                     <th class="text-start">Class</th>